0 views

#ccf6b5 - Color Information

#ccf6b5

Base Information

HEX

#ccf6b5

RGB

204,246,181

HSL

99,78,84

HSV

99,26,96

CMYK

17,0,26,4

LAB

93,-25,27

LCH

93,37,133

XYZ

66,82,56

Web Safe

#ccffcc

Web Smart

#cceebb

is dark

luminosity

0.8209

Pantone Color

Combinations

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

#ccf6b5

#DFB5F6

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

#ccf6b5

#BEB5F6

#F6B5EC

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

#ccf6b5

#B5CCF6

#F6B5CC

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

#ccf6b5

#B5EDF6

#DFB5F6

#F6BFB5

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

#ccf6b5

#DFB5F6

#BEB5F6

#F6B5EC

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

#ccf6b5

#B5F6BF

#B5F6DF

#B5EDF6

Shades

#ccf6b5 Light Tints

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

#CCF6B5

#D1F7BC

#D6F8C4

#DBF9CB

#E0FAD3

#E6FBDA

#EBFBE1

#F0FCE9

#F5FDF0

#FAFEF8

#ccf6b5 Gray Shades

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

#CCF6B5

#C4EAB0

#BDDEAA

#B5D3A5

#AEC7A0

#A6BB9B

#9EAF95

#97A390

#8F988B

#888C85

#ccf6b5 Dark Shades

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

#CCF6B5

#B8DDA3

#A3C591

#8FAC7F

#7A946D

#667B5B

#526248

#3D4A36

#293124

#141912

#ccf6b5 Red Shades

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

#CCF6B5

#D1DDA3

#D6C591

#DBAC7F

#E0946D

#E67B5B

#EB6248

#F04A36

#F53124

#FA1912

#ccf6b5 Green Shades

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

#CCF6B5

#B8EAA3

#A3DE91

#8FD37F

#7AC76D

#66BB5B

#52AF48

#3DA336

#299824

#148C12

#ccf6b5 Blue Shades

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

#CCF6B5

#B8DDBC

#A3C5C4

#8FACCB

#7A94D3

#667BDA

#5262E1

#3D4AE9

#2931F0

#1419F8

Readability Analysis

#ccf6b5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.42	AAA	Sample Text
Red	3.32	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.13	AAA	Sample Text

#ccf6b5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.42	AAA	Sample Text
Red	3.32	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.13	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eaeeb1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecebc8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4efe4`
Protanopia	No red perception - Dichromacy	`#fbe9ae`
Deuteranopia	No green perception - Dichromacy	`#ffe4d2`
Tritanopia	No blue perception - Dichromacy	`#d8ecfe`
Achromatomaly	Partial color blindness - Monochromacy	`#deedd6`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#ccf6b5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf6b5 Light Tints

#ccf6b5 Gray Shades

#ccf6b5 Dark Shades

#ccf6b5 Red Shades

#ccf6b5 Green Shades

#ccf6b5 Blue Shades

Readability Analysis

#ccf6b5 as Text Color

#ccf6b5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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