0 views

#ccf0f1 - Color Information

#ccf0f1

Base Information

HEX

#ccf0f1

RGB

204,240,241

HSL

182,57,87

HSV

182,15,95

CMYK

15,0,0,5

LAB

92,-11,-4

LCH

92,12,201

XYZ

72,82,95

Web Safe

#ccffff

Web Smart

#cceeee

is dark

luminosity

0.8151

Pantone Color

Combinations

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

#ccf0f1

#F1CDCC

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

#ccf0f1

#F1CCDD

#F1E0CC

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

#ccf0f1

#F1CCF0

#F0F1CC

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

#ccf0f1

#E0CCF1

#F1CDCC

#DDF1CC

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

#ccf0f1

#F1CDCC

#F1CCDD

#F1E0CC

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

#ccf0f1

#CCDDF1

#CDCCF1

#E0CCF1

Shades

#ccf0f1 Light Tints

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

#CCF0F1

#D1F2F2

#D6F3F4

#DBF5F5

#E0F6F7

#E6F8F8

#EBF9F9

#F0FBFB

#F5FCFC

#FAFEFE

#ccf0f1 Gray Shades

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

#CCF0F1

#C4E5E6

#BDDADA

#B5CECF

#AEC3C4

#A6B8B9

#9EADAD

#97A2A2

#8F9697

#888B8B

#ccf0f1 Dark Shades

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

#CCF0F1

#B8D8D9

#A3C0C1

#8FA8A9

#7A9091

#667879

#526060

#3D4848

#293030

#141818

#ccf0f1 Red Shades

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

#CCF0F1

#D1D8D9

#D6C0C1

#DBA8A9

#E09091

#E67879

#EB6060

#F04848

#F53030

#FA1818

#ccf0f1 Green Shades

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

#CCF0F1

#B8E5D9

#A3DAC1

#8FCEA9

#7AC391

#66B879

#52AD60

#3DA248

#299630

#148B18

#ccf0f1 Blue Shades

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

#CCF0F1

#B8D8F2

#A3C0F4

#8FA8F5

#7A90F7

#6678F8

#5260F9

#3D48FB

#2930FC

#1418FE

Readability Analysis

#ccf0f1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.30	AAA	Sample Text
Red	3.29	A	Sample Text
Green	4.23	A	Sample Text
Blue	7.08	AAA	Sample Text

#ccf0f1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.30	AAA	Sample Text
Red	3.29	A	Sample Text
Green	4.23	A	Sample Text
Blue	7.08	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0eaee`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e9e7f4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ceeefa`
Protanopia	No red perception - Dichromacy	`#ebe7ec`
Deuteranopia	No green perception - Dichromacy	`#fae1f5`
Tritanopia	No blue perception - Dichromacy	`#cfedff`
Achromatomaly	Partial color blindness - Monochromacy	`#deebec`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#ccf0f1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf0f1 Light Tints

#ccf0f1 Gray Shades

#ccf0f1 Dark Shades

#ccf0f1 Red Shades

#ccf0f1 Green Shades

#ccf0f1 Blue Shades

Readability Analysis

#ccf0f1 as Text Color

#ccf0f1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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