0 views

#caf77c - Color Information

#caf77c

Base Information

HEX

#caf77c

RGB

202,247,124

HSL

82,88,73

HSV

82,50,97

CMYK

18,0,50,3

LAB

92,-33,54

LCH

92,63,122

XYZ

61,81,31

Web Safe

#ccff66

Web Smart

#ccff77

is dark

luminosity

0.8053

Pantone Color

Combinations

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

#caf77c

#A97CF7

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

#caf77c

#7C8CF7

#E77CF7

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

#caf77c

#7CCAF7

#F77CCA

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

#caf77c

#7CF7E7

#A97CF7

#F77C8C

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

#caf77c

#A97CF7

#7C8CF7

#E77CF7

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

#caf77c

#8CF77C

#7CF7A9

#7CF7E7

Shades

#caf77c Light Tints

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

#CAF77C

#CFF889

#D5F996

#DAF9A3

#DFFAB0

#E5FBBE

#EAFCCB

#EFFDD8

#F4FDE5

#FAFEF2

#caf77c Gray Shades

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

#CAF77C

#C3EB7C

#BBDF7D

#B4D37D

#ACC77E

#A5BC7E

#9EB07E

#96A47F

#8F987F

#878C80

#caf77c Dark Shades

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

#CAF77C

#B6DE70

#A2C663

#8DAD57

#79944A

#657C3E

#516332

#3D4A25

#283119

#14190C

#caf77c Red Shades

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

#CAF77C

#CFDE70

#D5C663

#DAAD57

#DF944A

#E57C3E

#EA6332

#EF4A25

#F43119

#FA190C

#caf77c Green Shades

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

#CAF77C

#B6EB70

#A2DF63

#8DD357

#79C74A

#65BC3E

#51B032

#3DA425

#289819

#148C0C

#caf77c Blue Shades

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

#CAF77C

#B6DE89

#A2C696

#8DADA3

#7994B0

#657CBE

#5163CB

#3D4AD8

#2831E5

#1419F2

Readability Analysis

#caf77c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.11	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.18	A	Sample Text
Blue	7.00	AAA	Sample Text

#caf77c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.11	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.18	A	Sample Text
Blue	7.00	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eced7e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eceaaa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d6eecc`
Protanopia	No red perception - Dichromacy	`#ffe780`
Deuteranopia	No green perception - Dichromacy	`#ffe3c5`
Tritanopia	No blue perception - Dichromacy	`#dce8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#dbebbf`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#caf77c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#caf77c Light Tints

#caf77c Gray Shades

#caf77c Dark Shades

#caf77c Red Shades

#caf77c Green Shades

#caf77c Blue Shades

Readability Analysis

#caf77c as Text Color

#caf77c as Background Color

Color Blindness Simulation

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

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

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

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

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

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