0 views

#ffd18f - Color Information

#ffd18f

Base Information

HEX

#ffd18f

RGB

255,209,143

HSL

35,100,78

HSV

35,44,100

CMYK

0,18,44,0

LAB

86,8,39

LCH

86,40,79

XYZ

69,69,36

Web Safe

#ffcc99

Web Smart

#ffcc88

is dark

luminosity

0.6884

Pantone Color

Combinations

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

#ffd18f

#8FBDFF

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

#ffd18f

#8FF5FF

#998FFF

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

#ffd18f

#8FFFD1

#D18FFF

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

#ffd18f

#8FFF99

#8FBDFF

#FF8FF5

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

#ffd18f

#8FBDFF

#8FF5FF

#998FFF

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

#ffd18f

#F5FF8F

#BDFF8F

#8FFF99

Shades

#ffd18f Light Tints

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

#FFD18F

#FFD69A

#FFDAA5

#FFDFB1

#FFE3BC

#FFE8C7

#FFEDD2

#FFF1DD

#FFF6E9

#FFFAF4

#ffd18f Gray Shades

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

#FFD18F

#F2C98E

#E6C18C

#D9B98B

#CCB189

#C0A988

#B3A086

#A69885

#999083

#8D8882

#ffd18f Dark Shades

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

#FFD18F

#E6BC81

#CCA772

#B39264

#997D56

#806948

#665439

#4C3F2B

#332A1D

#19150E

#ffd18f Red Shades

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

#FFD18F

#FFBC81

#FFA772

#FF9264

#FF7D56

#FF6948

#FF5439

#FF3F2B

#FF2A1D

#FF150E

#ffd18f Green Shades

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

#FFD18F

#E6C981

#CCC172

#B3B964

#99B156

#80A948

#66A039

#4C982B

#33901D

#19880E

#ffd18f Blue Shades

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

#FFD18F

#E6BC9A

#CCA7A5

#B392B1

#997DBC

#8069C7

#6654D2

#4C3FDD

#332AE9

#1915F4

Readability Analysis

#ffd18f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.77	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.61	A	Sample Text
Blue	6.04	AA	Sample Text

#ffd18f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.77	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.61	A	Sample Text
Blue	6.04	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f2d590`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ffd096`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffccbc`
Protanopia	No red perception - Dichromacy	`#ead790`
Deuteranopia	No green perception - Dichromacy	`#ffcf9a`
Tritanopia	No blue perception - Dichromacy	`#ffcad6`
Achromatomaly	Partial color blindness - Monochromacy	`#e5d4bc`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#ffd18f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffd18f Light Tints

#ffd18f Gray Shades

#ffd18f Dark Shades

#ffd18f Red Shades

#ffd18f Green Shades

#ffd18f Blue Shades

Readability Analysis

#ffd18f as Text Color

#ffd18f as Background Color

Color Blindness Simulation

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

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

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

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

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

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