0 views

#dff31c - Color Information

#dff31c

Base Information

HEX

#dff31c

RGB

223,243,28

HSL

66,90,53

HSV

66,88,95

CMYK

8,0,88,5

LAB

92,-29,87

LCH

92,91,108

XYZ

63,80,13

Web Safe

#ccff33

Web Smart

#ddee22

is dark

luminosity

0.7987

Pantone Color

Combinations

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

#dff31c

#301CF3

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

#dff31c

#1C74F3

#9B1CF3

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

#dff31c

#1CDFF3

#F31CDF

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

#dff31c

#1CF39B

#301CF3

#F31C74

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

#dff31c

#301CF3

#1C74F3

#9B1CF3

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

#dff31c

#74F31C

#1CF330

#1CF39B

Shades

#dff31c Light Tints

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

#DFF31C

#E2F433

#E5F549

#E9F760

#ECF877

#EFF98E

#F2FAA4

#F5FBBB

#F9FDD2

#FCFEE8

#dff31c Gray Shades

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

#DFF31C

#D6E826

#CCDC30

#C3D13A

#B9C544

#B0BA4E

#A6AE58

#9DA362

#93976C

#8A8C76

#dff31c Dark Shades

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

#DFF31C

#C9DB19

#B2C216

#9CAA14

#869211

#707A0E

#59610B

#434908

#2D3106

#161803

#dff31c Red Shades

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

#DFF31C

#E2DB19

#E5C216

#E9AA14

#EC9211

#EF7A0E

#F2610B

#F54908

#F93106

#FC1803

#dff31c Green Shades

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

#DFF31C

#C9E819

#B2DC16

#9CD114

#86C511

#70BA0E

#59AE0B

#43A308

#2D9706

#168C03

#dff31c Blue Shades

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

#DFF31C

#C9DB33

#B2C249

#9CAA60

#869277

#707A8E

#5961A4

#4349BB

#2D31D2

#1618E8

Readability Analysis

#dff31c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.97	AAA	Sample Text
Red	3.23	A	Sample Text
Green	4.15	A	Sample Text
Blue	6.95	AA	Sample Text

#dff31c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.97	AAA	Sample Text
Red	3.23	A	Sample Text
Green	4.15	A	Sample Text
Blue	6.95	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3eb53`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3e883`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ebe8a5`
Protanopia	No red perception - Dichromacy	`#ffe772`
Deuteranopia	No green perception - Dichromacy	`#ffe2be`
Tritanopia	No blue perception - Dichromacy	`#f2e1f3`
Achromatomaly	Partial color blindness - Monochromacy	`#dfe698`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#dff31c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#dff31c Light Tints

#dff31c Gray Shades

#dff31c Dark Shades

#dff31c Red Shades

#dff31c Green Shades

#dff31c Blue Shades

Readability Analysis

#dff31c as Text Color

#dff31c as Background Color

Color Blindness Simulation

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

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

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

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

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

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