0 views

#ffd86c - Color Information

#ffd86c

Base Information

HEX

#ffd86c

RGB

255,216,108

HSL

44,100,71

HSV

44,58,100

CMYK

0,15,58,0

LAB

88,1,57

LCH

88,57,89

XYZ

69,71,24

Web Safe

#ffcc66

Web Smart

#ffdd66

is dark

luminosity

0.7145

Pantone Color

Combinations

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

#ffd86c

#6C93FF

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

#ffd86c

#6CDCFF

#8E6CFF

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

#ffd86c

#6CFFD8

#D86CFF

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

#ffd86c

#6CFF8E

#6C93FF

#FF6CDC

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

#ffd86c

#6C93FF

#6CDCFF

#8E6CFF

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

#ffd86c

#DCFF6C

#93FF6C

#6CFF8E

Shades

#ffd86c Light Tints

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

#FFD86C

#FFDC7B

#FFE089

#FFE498

#FFE8A7

#FFECB6

#FFEFC4

#FFF3D3

#FFF7E2

#FFFBF0

#ffd86c Gray Shades

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

#FFD86C

#F2CF6E

#E6C670

#D9BE72

#CCB574

#C0AC76

#B3A378

#A69A7A

#99927C

#8D897E

#ffd86c Dark Shades

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

#FFD86C

#E6C261

#CCAD56

#B3974C

#998241

#806C36

#66562B

#4C4120

#332B16

#19160B

#ffd86c Red Shades

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

#FFD86C

#FFC261

#FFAD56

#FF974C

#FF8241

#FF6C36

#FF562B

#FF4120

#FF2B16

#FF160B

#ffd86c Green Shades

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

#FFD86C

#E6CF61

#CCC656

#B3BE4C

#99B541

#80AC36

#66A32B

#4C9A20

#339216

#19890B

#ffd86c Blue Shades

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

#FFD86C

#E6C27B

#CCAD89

#B39798

#9982A7

#806CB6

#6656C4

#4C41D3

#332BE2

#1916F0

Readability Analysis

#ffd86c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.29	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.26	AA	Sample Text

#ffd86c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.29	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f7da6d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ffd58c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffd2b2`
Protanopia	No red perception - Dichromacy	`#f3db6d`
Deuteranopia	No green perception - Dichromacy	`#ffd49e`
Tritanopia	No blue perception - Dichromacy	`#ffcfda`
Achromatomaly	Partial color blindness - Monochromacy	`#e6d8b1`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#ffd86c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffd86c Light Tints

#ffd86c Gray Shades

#ffd86c Dark Shades

#ffd86c Red Shades

#ffd86c Green Shades

#ffd86c Blue Shades

Readability Analysis

#ffd86c as Text Color

#ffd86c as Background Color

Color Blindness Simulation

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

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

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

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

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

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