0 views

#f5cf5d - Color Information

#f5cf5d

Base Information

HEX

#f5cf5d

RGB

245,207,93

HSL

45,88,66

HSV

45,62,96

CMYK

0,16,62,4

LAB

84,1,60

LCH

84,60,89

XYZ

62,65,20

Web Safe

#ffcc66

Web Smart

#eecc55

is dark

luminosity

0.6483

Pantone Color

Combinations

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

#f5cf5d

#5D83F5

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

#f5cf5d

#5DCFF5

#835DF5

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

#f5cf5d

#5DF5CF

#CF5DF5

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

#f5cf5d

#5DF583

#5D83F5

#F55DCF

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

#f5cf5d

#5D83F5

#5DCFF5

#835DF5

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

#f5cf5d

#CFF55D

#83F55D

#5DF583

Shades

#f5cf5d Light Tints

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

#F5CF5D

#F6D46D

#F7D97D

#F8DD8E

#F9E29E

#FAE7AE

#FBECBE

#FCF1CE

#FDF5DF

#FEFAEF

#f5cf5d Gray Shades

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

#F5CF5D

#E9C761

#DEBF64

#D2B768

#C6AF6B

#BBA86F

#AFA072

#A39876

#979079

#8C887D

#f5cf5d Dark Shades

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

#F5CF5D

#DDBA54

#C4A64A

#AC9141

#937C38

#7B682F

#625325

#493E1C

#312913

#181509

#f5cf5d Red Shades

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

#F5CF5D

#F6BA54

#F7A64A

#F89141

#F97C38

#FA682F

#FB5325

#FC3E1C

#FD2913

#FE1509

#f5cf5d Green Shades

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

#F5CF5D

#DDC754

#C4BF4A

#ACB741

#93AF38

#7BA82F

#62A025

#49981C

#319013

#188809

#f5cf5d Blue Shades

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

#F5CF5D

#DDBA6D

#C4A67D

#AC918E

#937C9E

#7B68AE

#6253BE

#493ECE

#3129DF

#1815EF

Readability Analysis

#f5cf5d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	13.97	AAA	Sample Text
Red	2.66	Fail	Sample Text
Green	3.42	A	Sample Text
Blue	5.71	AA	Sample Text

#f5cf5d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	13.97	AAA	Sample Text
Red	2.66	Fail	Sample Text
Green	3.42	A	Sample Text
Blue	5.71	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eed15e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbcb6e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbc6a6`
Protanopia	No red perception - Dichromacy	`#ead25e`
Deuteranopia	No green perception - Dichromacy	`#ffc978`
Tritanopia	No blue perception - Dichromacy	`#ffc1d0`
Achromatomaly	Partial color blindness - Monochromacy	`#ddcfa5`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#f5cf5d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5cf5d Light Tints

#f5cf5d Gray Shades

#f5cf5d Dark Shades

#f5cf5d Red Shades

#f5cf5d Green Shades

#f5cf5d Blue Shades

Readability Analysis

#f5cf5d as Text Color

#f5cf5d as Background Color

Color Blindness Simulation

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

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

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

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

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

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