0 views

#cbddfc - Color Information

#cbddfc

Base Information

HEX

#cbddfc

RGB

203,221,252

HSL

218,89,89

HSV

218,19,99

CMYK

19,12,0,1

LAB

88,0,-17

LCH

88,17,271

XYZ

68,71,102

Web Safe

#ccccff

Web Smart

#ccddff

is dark

luminosity

0.7144

Pantone Color

Combinations

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

#cbddfc

#FCEACB

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

#cbddfc

#FCD1CB

#F6FCCB

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

#cbddfc

#FCCBDD

#DDFCCB

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

#cbddfc

#FCCBF5

#FCEACB

#CBFCD1

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

#cbddfc

#FCEACB

#FCD1CB

#F6FCCB

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

#cbddfc

#D2CBFC

#EACBFC

#FCCBF5

Shades

#cbddfc Light Tints

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

#CBDDFC

#D0E0FC

#D5E4FD

#DBE7FD

#E0EBFD

#E5EEFE

#EAF1FE

#EFF5FE

#F5F8FE

#FAFCFF

#cbddfc Gray Shades

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

#CBDDFC

#C4D4F0

#BCCAE3

#B5C1D7

#ADB8CA

#A6AFBE

#9EA5B2

#979CA5

#8F9399

#88898C

#cbddfc Dark Shades

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

#CBDDFC

#B7C7E3

#A2B1CA

#8E9BB0

#7A8597

#666F7E

#515865

#3D424C

#292C32

#141619

#cbddfc Red Shades

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

#CBDDFC

#D0C7E3

#D5B1CA

#DB9BB0

#E08597

#E56F7E

#EA5865

#EF424C

#F52C32

#FA1619

#cbddfc Green Shades

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

#CBDDFC

#B7D4E3

#A2CACA

#8EC1B0

#7AB897

#66AF7E

#51A565

#3D9C4C

#299332

#148919

#cbddfc Blue Shades

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

#CBDDFC

#B7C7FC

#A2B1FD

#8E9BFD

#7A85FD

#666FFE

#5158FE

#3D42FE

#292CFE

#1416FF

Readability Analysis

#cbddfc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.29	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.26	AA	Sample Text

#cbddfc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.29	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.74	A	Sample Text
Blue	6.26	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d1dbfb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d8d8fd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c8def4`
Protanopia	No red perception - Dichromacy	`#d5d9fa`
Deuteranopia	No green perception - Dichromacy	`#dfd6fe`
Tritanopia	No blue perception - Dichromacy	`#c7def0`
Achromatomaly	Partial color blindness - Monochromacy	`#d5dce7`
Achromatopsia	Complete color blindness - Monochromacy	`#dbdbdb`

#cbddfc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cbddfc Light Tints

#cbddfc Gray Shades

#cbddfc Dark Shades

#cbddfc Red Shades

#cbddfc Green Shades

#cbddfc Blue Shades

Readability Analysis

#cbddfc as Text Color

#cbddfc as Background Color

Color Blindness Simulation

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

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

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

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

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

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