0 views

#ccf8b8 - Color Information

#ccf8b8

Base Information

HEX

#ccf8b8

RGB

204,248,184

HSL

101,82,85

HSV

101,26,97

CMYK

18,0,26,3

LAB

93,-25,26

LCH

93,37,134

XYZ

67,83,58

Web Safe

#ccffcc

Web Smart

#ccffbb

is dark

luminosity

0.8343

Pantone Color

Combinations

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

#ccf8b8

#E4B8F8

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

#ccf8b8

#C4B8F8

#F8B8EC

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

#ccf8b8

#B8CCF8

#F8B8CC

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

#ccf8b8

#B8ECF8

#E4B8F8

#F8C4B8

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

#ccf8b8

#E4B8F8

#C4B8F8

#F8B8EC

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

#ccf8b8

#B8F8C4

#B8F8E4

#B8ECF8

Shades

#ccf8b8 Light Tints

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

#CCF8B8

#D1F9BF

#D6F9C6

#DBFACD

#E0FBD4

#E6FCDC

#EBFCE3

#F0FDEA

#F5FEF1

#FAFEF8

#ccf8b8 Gray Shades

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

#CCF8B8

#C4ECB2

#BDE0AD

#B5D4A7

#AEC8A2

#A6BC9C

#9EB096

#97A491

#8F988B

#888C86

#ccf8b8 Dark Shades

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

#CCF8B8

#B8DFA6

#A3C693

#8FAE81

#7A956E

#667C5C

#52634A

#3D4A37

#293225

#141912

#ccf8b8 Red Shades

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

#CCF8B8

#D1DFA6

#D6C693

#DBAE81

#E0956E

#E67C5C

#EB634A

#F04A37

#F53225

#FA1912

#ccf8b8 Green Shades

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

#CCF8B8

#B8ECA6

#A3E093

#8FD481

#7AC86E

#66BC5C

#52B04A

#3DA437

#299825

#148C12

#ccf8b8 Blue Shades

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

#CCF8B8

#B8DFBF

#A3C6C6

#8FAECD

#7A95D4

#667CDC

#5263E3

#3D4AEA

#2932F1

#1419F8

Readability Analysis

#ccf8b8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.69	AAA	Sample Text
Red	3.37	A	Sample Text
Green	4.33	A	Sample Text
Blue	7.24	AAA	Sample Text

#ccf8b8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.69	AAA	Sample Text
Red	3.37	A	Sample Text
Green	4.33	A	Sample Text
Blue	7.24	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebefb4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecedcb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5f1e5`
Protanopia	No red perception - Dichromacy	`#fceab1`
Deuteranopia	No green perception - Dichromacy	`#ffe6d7`
Tritanopia	No blue perception - Dichromacy	`#daeeff`
Achromatomaly	Partial color blindness - Monochromacy	`#dfefd8`
Achromatopsia	Complete color blindness - Monochromacy	`#eaeaea`

#ccf8b8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf8b8 Light Tints

#ccf8b8 Gray Shades

#ccf8b8 Dark Shades

#ccf8b8 Red Shades

#ccf8b8 Green Shades

#ccf8b8 Blue Shades

Readability Analysis

#ccf8b8 as Text Color

#ccf8b8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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