0 views

#caf73f - Color Information

#caf73f

Base Information

HEX

#caf73f

RGB

202,247,63

HSL

75,92,61

HSV

75,74,97

CMYK

18,0,74,3

LAB

91,-38,78

LCH

91,86,116

XYZ

59,79,17

Web Safe

#ccff33

Web Smart

#ccff44

is dark

luminosity

0.7944

Pantone Color

Combinations

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

#caf73f

#6C3FF7

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

#caf73f

#3F6EF7

#C83FF7

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

#caf73f

#3FCAF7

#F73FCA

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

#caf73f

#3FF7C8

#6C3FF7

#F73F6E

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

#caf73f

#6C3FF7

#3F6EF7

#C83FF7

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

#caf73f

#6EF73F

#3FF76C

#3FF7C8

Shades

#caf73f Light Tints

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

#CAF73F

#CFF852

#D5F965

#DAF979

#DFFA8C

#E5FB9F

#EAFCB2

#EFFDC5

#F4FDD9

#FAFEEC

#caf73f Gray Shades

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

#CAF73F

#C3EB46

#BBDF4C

#B4D353

#ACC759

#A5BC60

#9EB066

#96A46D

#8F9873

#878C7A

#caf73f Dark Shades

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

#CAF73F

#B6DE39

#A2C632

#8DAD2C

#799426

#657C20

#516319

#3D4A13

#28310D

#141906

#caf73f Red Shades

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

#CAF73F

#CFDE39

#D5C632

#DAAD2C

#DF9426

#E57C20

#EA6319

#EF4A13

#F4310D

#FA1906

#caf73f Green Shades

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

#CAF73F

#B6EB39

#A2DF32

#8DD32C

#79C726

#65BC20

#51B019

#3DA413

#28980D

#148C06

#caf73f Blue Shades

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

#CAF73F

#B6DE52

#A2C665

#8DAD79

#79948C

#657C9F

#5163B2

#3D4AC5

#2831D9

#1419EC

Readability Analysis

#caf73f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.89	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.13	A	Sample Text
Blue	6.91	AA	Sample Text

#caf73f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.89	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.13	A	Sample Text
Blue	6.91	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecec5d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ece98f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8ecb4`
Protanopia	No red perception - Dichromacy	`#ffe66e`
Deuteranopia	No green perception - Dichromacy	`#ffe1bd`
Tritanopia	No blue perception - Dichromacy	`#dfe6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#d8e8a6`
Achromatopsia	Complete color blindness - Monochromacy	`#e0e0e0`

#caf73f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#caf73f Light Tints

#caf73f Gray Shades

#caf73f Dark Shades

#caf73f Red Shades

#caf73f Green Shades

#caf73f Blue Shades

Readability Analysis

#caf73f as Text Color

#caf73f as Background Color

Color Blindness Simulation

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

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

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

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

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

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