0 views

#ccf6b4 - Color Information

#ccf6b4

Base Information

HEX

#ccf6b4

RGB

204,246,180

HSL

98,79,84

HSV

98,27,96

CMYK

17,0,27,4

LAB

93,-25,27

LCH

93,37,132

XYZ

66,82,56

Web Safe

#ccffcc

Web Smart

#cceebb

is dark

luminosity

0.8204

Pantone Color

Combinations

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

#ccf6b4

#DEB4F6

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

#ccf6b4

#BDB4F6

#F6B4ED

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

#ccf6b4

#B4CCF6

#F6B4CC

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

#ccf6b4

#B4EDF6

#DEB4F6

#F6BDB4

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

#ccf6b4

#DEB4F6

#BDB4F6

#F6B4ED

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

#ccf6b4

#B4F6BD

#B4F6DE

#B4EDF6

Shades

#ccf6b4 Light Tints

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

#CCF6B4

#D1F7BC

#D6F8C3

#DBF9CB

#E0FAD2

#E6FBDA

#EBFBE1

#F0FCE9

#F5FDF0

#FAFEF8

#ccf6b4 Gray Shades

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

#CCF6B4

#C4EAAF

#BDDEAA

#B5D3A4

#AEC79F

#A6BB9A

#9EAF95

#97A390

#8F988A

#888C85

#ccf6b4 Dark Shades

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

#CCF6B4

#B8DDA2

#A3C590

#8FAC7E

#7A946C

#667B5A

#526248

#3D4A36

#293124

#141912

#ccf6b4 Red Shades

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

#CCF6B4

#D1DDA2

#D6C590

#DBAC7E

#E0946C

#E67B5A

#EB6248

#F04A36

#F53124

#FA1912

#ccf6b4 Green Shades

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

#CCF6B4

#B8EAA2

#A3DE90

#8FD37E

#7AC76C

#66BB5A

#52AF48

#3DA336

#299824

#148C12

#ccf6b4 Blue Shades

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

#CCF6B4

#B8DDBC

#A3C5C3

#8FACCB

#7A94D2

#667BDA

#5262E1

#3D4AE9

#2931F0

#1419F8

Readability Analysis

#ccf6b4 as Text Color

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

#ccf6b4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.41	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	`#eaeeb0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecebc7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4efe3`
Protanopia	No red perception - Dichromacy	`#fbe9ad`
Deuteranopia	No green perception - Dichromacy	`#ffe4d2`
Tritanopia	No blue perception - Dichromacy	`#d9ecfe`
Achromatomaly	Partial color blindness - Monochromacy	`#deedd5`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#ccf6b4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf6b4 Light Tints

#ccf6b4 Gray Shades

#ccf6b4 Dark Shades

#ccf6b4 Red Shades

#ccf6b4 Green Shades

#ccf6b4 Blue Shades

Readability Analysis

#ccf6b4 as Text Color

#ccf6b4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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