0 views

#f7c04b - Color Information

#f7c04b

Base Information

HEX

#f7c04b

RGB

247,192,75

HSL

41,91,63

HSV

41,70,97

CMYK

0,22,70,3

LAB

81,8,64

LCH

81,65,83

XYZ

58,58,15

Web Safe

#ffcc33

Web Smart

#ffbb44

is dark

luminosity

0.5798

Pantone Color

Combinations

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

#f7c04b

#4B82F7

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

#f7c04b

#4BD8F7

#6A4BF7

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

#f7c04b

#4BF7C0

#C04BF7

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

#f7c04b

#4BF76A

#4B82F7

#F74BD8

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

#f7c04b

#4B82F7

#4BD8F7

#6A4BF7

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

#f7c04b

#D8F74B

#82F74B

#4BF76A

Shades

#f7c04b Light Tints

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

#F7C04B

#F8C65D

#F9CD6F

#F9D381

#FAD993

#FBE0A5

#FCE6B7

#FDECC9

#FDF2DB

#FEF9ED

#f7c04b Gray Shades

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

#F7C04B

#EBBA50

#DFB356

#D3AD5B

#C7A660

#BCA066

#B09A6B

#A49370

#988D75

#8C867B

#f7c04b Dark Shades

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

#F7C04B

#DEAD44

#C69A3C

#AD8635

#94732D

#7C6026

#634D1E

#4A3A16

#31260F

#191307

#f7c04b Red Shades

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

#F7C04B

#F8AD44

#F99A3C

#F98635

#FA732D

#FB6026

#FC4D1E

#FD3A16

#FD260F

#FE1307

#f7c04b Green Shades

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

#F7C04B

#DEBA44

#C6B33C

#ADAD35

#94A62D

#7CA026

#639A1E

#4A9316

#318D0F

#198607

#f7c04b Blue Shades

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

#F7C04B

#DEAD5D

#C69A6F

#AD8681

#947393

#7C60A5

#634DB7

#4A3AC9

#3126DB

#1913ED

Readability Analysis

#f7c04b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.60	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.15	AA	Sample Text

#f7c04b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.60	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.15	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8c54d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f9be4c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcb896`
Protanopia	No red perception - Dichromacy	`#dfc74f`
Deuteranopia	No green perception - Dichromacy	`#fabd4d`
Tritanopia	No blue perception - Dichromacy	`#ffb3c0`
Achromatomaly	Partial color blindness - Monochromacy	`#d6c298`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#f7c04b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7c04b Light Tints

#f7c04b Gray Shades

#f7c04b Dark Shades

#f7c04b Red Shades

#f7c04b Green Shades

#f7c04b Blue Shades

Readability Analysis

#f7c04b as Text Color

#f7c04b as Background Color

Color Blindness Simulation

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

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

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

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

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

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