0 views

#caf84d - Color Information

#caf84d

Base Information

HEX

#caf84d

RGB

202,248,77

HSL

76,92,64

HSV

76,69,97

CMYK

19,0,69,3

LAB

92,-37,73

LCH

92,82,117

XYZ

59,80,19

Web Safe

#ccff66

Web Smart

#ccff55

is dark

luminosity

0.8023

Pantone Color

Combinations

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

#caf84d

#7B4DF8

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

#caf84d

#4D74F8

#D14DF8

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

#caf84d

#4DCAF8

#F84DCA

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

#caf84d

#4DF8D1

#7B4DF8

#F84D74

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

#caf84d

#7B4DF8

#4D74F8

#D14DF8

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

#caf84d

#74F84D

#4DF87B

#4DF8D1

Shades

#caf84d Light Tints

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

#CAF84D

#CFF95F

#D5F971

#DAFA82

#DFFB94

#E5FCA6

#EAFCB8

#EFFDCA

#F4FEDB

#FAFEED

#caf84d Gray Shades

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

#CAF84D

#C3EC52

#BBE057

#B4D45C

#ACC861

#A5BC67

#9EB06C

#96A471

#8F9876

#878C7B

#caf84d Dark Shades

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

#CAF84D

#B6DF45

#A2C63E

#8DAE36

#79952E

#657C27

#51631F

#3D4A17

#28320F

#141908

#caf84d Red Shades

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

#CAF84D

#CFDF45

#D5C63E

#DAAE36

#DF952E

#E57C27

#EA631F

#EF4A17

#F4320F

#FA1908

#caf84d Green Shades

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

#CAF84D

#B6EC45

#A2E03E

#8DD436

#79C82E

#65BC27

#51B01F

#3DA417

#28980F

#148C08

#caf84d Blue Shades

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

#CAF84D

#B6DF5F

#A2C671

#8DAE82

#799594

#657CA6

#5163B8

#3D4ACA

#2832DB

#1419ED

Readability Analysis

#caf84d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.05	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.97	AA	Sample Text

#caf84d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.05	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.17	A	Sample Text
Blue	6.97	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eced69`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecea96`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d7edbb`
Protanopia	No red perception - Dichromacy	`#ffe778`
Deuteranopia	No green perception - Dichromacy	`#ffe2c0`
Tritanopia	No blue perception - Dichromacy	`#dfe7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#d9eaac`
Achromatopsia	Complete color blindness - Monochromacy	`#e2e2e2`

#caf84d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#caf84d Light Tints

#caf84d Gray Shades

#caf84d Dark Shades

#caf84d Red Shades

#caf84d Green Shades

#caf84d Blue Shades

Readability Analysis

#caf84d as Text Color

#caf84d as Background Color

Color Blindness Simulation

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

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

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

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

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

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