0 views

#ccfabf - Color Information

#ccfabf

Base Information

HEX

#ccfabf

RGB

204,250,191

HSL

107,86,86

HSV

107,24,98

CMYK

18,0,24,2

LAB

94,-25,24

LCH

94,35,137

XYZ

68,85,62

Web Safe

#ccffcc

Web Smart

#ccffbb

is dark

luminosity

0.8497

Pantone Color

Combinations

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

#ccfabf

#EDBFFA

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

#ccfabf

#CFBFFA

#FABFE9

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

#ccfabf

#BFCCFA

#FABFCC

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

#ccfabf

#BFEAFA

#EDBFFA

#FAD0BF

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

#ccfabf

#EDBFFA

#CFBFFA

#FABFE9

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

#ccfabf

#BFFAD0

#BFFAED

#BFEAFA

Shades

#ccfabf Light Tints

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

#CCFABF

#D1FBC5

#D6FBCC

#DBFCD2

#E0FCD9

#E6FDDF

#EBFDE5

#F0FEEC

#F5FEF2

#FAFFF9

#ccfabf Gray Shades

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

#CCFABF

#C4EEB9

#BDE2B2

#B5D5AC

#AEC9A6

#A6BDA0

#9EB199

#97A593

#8F988D

#888C86

#ccfabf Dark Shades

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

#CCFABF

#B8E1AC

#A3C899

#8FAF86

#7A9673

#667D60

#52644C

#3D4B39

#293226

#141913

#ccfabf Red Shades

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

#CCFABF

#D1E1AC

#D6C899

#DBAF86

#E09673

#E67D60

#EB644C

#F04B39

#F53226

#FA1913

#ccfabf Green Shades

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

#CCFABF

#B8EEAC

#A3E299

#8FD586

#7AC973

#66BD60

#52B14C

#3DA539

#299826

#148C13

#ccfabf Blue Shades

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

#CCFABF

#B8E1C5

#A3C8CC

#8FAFD2

#7A96D9

#667DDF

#5264E5

#3D4BEC

#2932F2

#1419F9

Readability Analysis

#ccfabf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.99	AAA	Sample Text
Red	3.43	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.36	AAA	Sample Text

#ccfabf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.99	AAA	Sample Text
Red	3.43	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.36	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebf1ba`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecefd1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d6f3e8`
Protanopia	No red perception - Dichromacy	`#fdecb8`
Deuteranopia	No green perception - Dichromacy	`#ffe9dc`
Tritanopia	No blue perception - Dichromacy	`#dcf0ff`
Achromatomaly	Partial color blindness - Monochromacy	`#e0f1dc`
Achromatopsia	Complete color blindness - Monochromacy	`#ececec`

#ccfabf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccfabf Light Tints

#ccfabf Gray Shades

#ccfabf Dark Shades

#ccfabf Red Shades

#ccfabf Green Shades

#ccfabf Blue Shades

Readability Analysis

#ccfabf as Text Color

#ccfabf as Background Color

Color Blindness Simulation

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

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

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

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

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

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