0 views

#f7c408 - Color Information

#f7c408

Base Information

HEX

#f7c408

RGB

247,196,8

HSL

47,94,50

HSV

47,97,97

CMYK

0,21,97,3

LAB

81,4,82

LCH

81,82,87

XYZ

58,59,9

Web Safe

#ffcc00

Web Smart

#ffcc00

luminosity

0.5927

is dark color

Generate #f7c408 solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#f7c408 complementary
Colors that are opposite to each other, forming a contrasting pair.

#f7c408

#083BF7

#f7c408 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f7c408

#08B3F7

#4D08F7

#f7c408 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f7c408

#08F7C4

#C408F7

#f7c408 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f7c408

#08F74D

#083BF7

#F708B2

#f7c408 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f7c408

#083BF7

#08B3F7

#4D08F7

#f7c408 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#f7c408

#B3F708

#3BF708

#08F74D

Shades

#f7c408 Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#F7C408

#F8CA21

#F9D039

#F9D652

#FADC6B

#FBE284

#FCE79C

#FDEDB5

#FDF3CE

#FEF9E6

#f7c408 Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#F7C408

#EBBD14

#DFB620

#D3B02C

#C7A938

#BCA244

#B09B50

#A4945C

#988E68

#8C8774

#f7c408 Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#F7C408

#DEB007

#C69D06

#AD8906

#947605

#7C6204

#634E03

#4A3B02

#312702

#191401

#f7c408 Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#F7C408

#F8B007

#F99D06

#F98906

#FA7605

#FB6204

#FC4E03

#FD3B02

#FD2702

#FE1401

#f7c408 Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#F7C408

#DEBD07

#C6B606

#ADB006

#94A905

#7CA204

#639B03

#4A9402

#318E02

#198701

#f7c408 Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#F7C408

#DEB021

#C69D39

#AD8952

#94766B

#7C6284

#634E9C

#4A3BB5

#3127CE

#1914E6

Readability Analysis

#f7c408 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.85	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.26	AA	Sample Text

#f7c408 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.85	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebc80f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcc121`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcbb7f`
Protanopia	No red perception - Dichromacy	`#e4ca13`
Deuteranopia	No green perception - Dichromacy	`#ffbf30`
Tritanopia	No blue perception - Dichromacy	`#ffb6c3`
Achromatomaly	Partial color blindness - Monochromacy	`#d5c27e`
Achromatopsia	Complete color blindness - Monochromacy	`#c1c1c1`

#f7c408 Color Code

Name	Code
#f7c408 css background color code	`.bg { background-color: #f7c408; }`
#f7c408 css text color code	`.text { color: #f7c408; }`
#f7c408 css border color code	`.border { border-color: #f7c408; }`

#f7c408 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #f7c408 solid background color

Combinations

#f7c408 complementaryColors that are opposite to each other, forming a contrasting pair.

#f7c408 splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f7c408 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f7c408 tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f7c408 analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f7c408 analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#f7c408 Light Tints

#f7c408 Gray Shades

#f7c408 Dark Shades

#f7c408 Red Shades

#f7c408 Green Shades

#f7c408 Blue Shades

Readability Analysis

#f7c408 as Text Color

#f7c408 as Background Color

Color Blindness Simulation

#f7c408 Color Code

#f7c408 complementary
Colors that are opposite to each other, forming a contrasting pair.

#f7c408 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f7c408 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f7c408 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f7c408 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f7c408 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.