0 views

#caf6b9 - Color Information

#caf6b9

Base Information

HEX

#caf6b9

RGB

202,246,185

HSL

103,77,85

HSV

103,25,96

CMYK

18,0,25,4

LAB

93,-25,25

LCH

93,35,135

XYZ

66,82,58

Web Safe

#ccffcc

Web Smart

#cceebb

is dark

luminosity

0.8197

Pantone Color

Combinations

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

#caf6b9

#E5B9F6

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

#caf6b9

#C7B9F6

#F6B9E9

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

#caf6b9

#B9CAF6

#F6B9CA

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

#caf6b9

#B9E9F6

#E5B9F6

#F6C7B9

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

#caf6b9

#E5B9F6

#C7B9F6

#F6B9E9

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

#caf6b9

#B9F6C7

#B9F6E5

#B9E9F6

Shades

#caf6b9 Light Tints

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

#CAF6B9

#CFF7C0

#D5F8C7

#DAF9CE

#DFFAD5

#E5FBDC

#EAFBE3

#EFFCEA

#F4FDF1

#FAFEF8

#caf6b9 Gray Shades

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

#CAF6B9

#C3EAB3

#BBDEAE

#B4D3A8

#ACC7A2

#A5BB9D

#9EAF97

#96A391

#8F988B

#878C86

#caf6b9 Dark Shades

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

#CAF6B9

#B6DDA7

#A2C594

#8DAC82

#79946F

#657B5D

#51624A

#3D4A37

#283125

#141912

#caf6b9 Red Shades

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

#CAF6B9

#CFDDA7

#D5C594

#DAAC82

#DF946F

#E57B5D

#EA624A

#EF4A37

#F43125

#FA1912

#caf6b9 Green Shades

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

#CAF6B9

#B6EAA7

#A2DE94

#8DD382

#79C76F

#65BB5D

#51AF4A

#3DA337

#289825

#148C12

#caf6b9 Blue Shades

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

#CAF6B9

#B6DDC0

#A2C5C7

#8DACCE

#7994D5

#657BDC

#5162E3

#3D4AEA

#2831F1

#1419F8

Readability Analysis

#caf6b9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.39	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

#caf6b9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.39	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8edb5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecebca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d2f0e5`
Protanopia	No red perception - Dichromacy	`#fae9b2`
Deuteranopia	No green perception - Dichromacy	`#ffe4d3`
Tritanopia	No blue perception - Dichromacy	`#d6ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#ddedd7`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#caf6b9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#caf6b9 Light Tints

#caf6b9 Gray Shades

#caf6b9 Dark Shades

#caf6b9 Red Shades

#caf6b9 Green Shades

#caf6b9 Blue Shades

Readability Analysis

#caf6b9 as Text Color

#caf6b9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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