0 views

#cce80f - Color Information

#cce80f

Base Information

HEX

#cce80f

RGB

204,232,15

HSL

68,88,48

HSV

68,94,91

CMYK

12,0,94,9

LAB

87,-31,84

LCH

87,90,110

XYZ

54,71,11

Web Safe

#ccff00

Web Smart

#ccee11

is dark

luminosity

0.7059

Pantone Color

Combinations

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

#cce80f

#2B0FE8

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

#cce80f

#0F5FE8

#970FE8

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

#cce80f

#0FCCE8

#E80FCC

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

#cce80f

#0FE898

#2B0FE8

#E80F5F

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

#cce80f

#2B0FE8

#0F5FE8

#970FE8

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

#cce80f

#5FE80F

#0FE82B

#0FE898

Shades

#cce80f Light Tints

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

#CCE80F

#D1EA27

#D6ED3F

#DBEF57

#E0F16F

#E6F487

#EBF69F

#F0F8B7

#F5FACF

#FAFDE7

#cce80f Gray Shades

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

#CCE80F

#C4DE1A

#BDD326

#B5C931

#AEBE3C

#A6B448

#9EAA53

#979F5E

#8F9569

#888A75

#cce80f Dark Shades

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

#CCE80F

#B8D10E

#A3BA0C

#8FA20B

#7A8B09

#667408

#525D06

#3D4604

#292E03

#141701

#cce80f Red Shades

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

#CCE80F

#D1D10E

#D6BA0C

#DBA20B

#E08B09

#E67408

#EB5D06

#F04604

#F52E03

#FA1701

#cce80f Green Shades

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

#CCE80F

#B8DE0E

#A3D30C

#8FC90B

#7ABE09

#66B408

#52AA06

#3D9F04

#299503

#148A01

#cce80f Blue Shades

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

#CCE80F

#B8D127

#A3BA3F

#8FA257

#7A8B6F

#667487

#525D9F

#3D46B7

#292ECF

#1417E7

Readability Analysis

#cce80f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.12	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.19	AA	Sample Text

#cce80f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.12	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.19	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7df10`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecdb63`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8dd99`
Protanopia	No red perception - Dichromacy	`#f7da11`
Deuteranopia	No green perception - Dichromacy	`#ffd393`
Tritanopia	No blue perception - Dichromacy	`#dfd7e7`
Achromatomaly	Partial color blindness - Monochromacy	`#d0da8b`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#cce80f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cce80f Light Tints

#cce80f Gray Shades

#cce80f Dark Shades

#cce80f Red Shades

#cce80f Green Shades

#cce80f Blue Shades

Readability Analysis

#cce80f as Text Color

#cce80f as Background Color

Color Blindness Simulation

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

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

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

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

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

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