0 views

#cadbff - Color Information

#cadbff

Base Information

HEX

#cadbff

RGB

202,219,255

HSL

221,100,90

HSV

221,21,100

CMYK

21,14,0,0

LAB

87,2,-19

LCH

87,19,275

XYZ

68,70,105

Web Safe

#ccccff

Web Smart

#ccddff

is dark

luminosity

0.7044

Pantone Color

Combinations

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

#cadbff

#FFEECA

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

#cadbff

#FFD3CA

#F5FFCA

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

#cadbff

#FFCADB

#DBFFCA

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

#cadbff

#FFCAF5

#FFEECA

#CAFFD4

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

#cadbff

#FFEECA

#FFD3CA

#F5FFCA

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

#cadbff

#D3CAFF

#EECAFF

#FFCAF5

Shades

#cadbff Light Tints

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

#CADBFF

#CFDFFF

#D5E2FF

#DAE6FF

#DFE9FF

#E5EDFF

#EAF1FF

#EFF4FF

#F4F8FF

#FAFBFF

#cadbff Gray Shades

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

#CADBFF

#C3D2F2

#BBC9E6

#B4C0D9

#ACB7CC

#A5AEC0

#9EA4B3

#969BA6

#8F9299

#87898D

#cadbff Dark Shades

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

#CADBFF

#B6C5E6

#A2AFCC

#8D99B3

#798399

#656E80

#515866

#3D424C

#282C33

#141619

#cadbff Red Shades

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

#CADBFF

#CFC5E6

#D5AFCC

#DA99B3

#DF8399

#E56E80

#EA5866

#EF424C

#F42C33

#FA1619

#cadbff Green Shades

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

#CADBFF

#B6D2E6

#A2C9CC

#8DC0B3

#79B799

#65AE80

#51A466

#3D9B4C

#289233

#148919

#cadbff Blue Shades

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

#CADBFF

#B6C5FF

#A2AFFF

#8D99FF

#7983FF

#656EFF

#5158FF

#3D42FF

#282CFF

#1416FF

Readability Analysis

#cadbff as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.09	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#cadbff as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.09	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cfd9fe`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d5d7ff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c7dcf4`
Protanopia	No red perception - Dichromacy	`#d2d8fe`
Deuteranopia	No green perception - Dichromacy	`#dbd5ff`
Tritanopia	No blue perception - Dichromacy	`#c5ddee`
Achromatomaly	Partial color blindness - Monochromacy	`#d4dae7`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#cadbff - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cadbff Light Tints

#cadbff Gray Shades

#cadbff Dark Shades

#cadbff Red Shades

#cadbff Green Shades

#cadbff Blue Shades

Readability Analysis

#cadbff as Text Color

#cadbff as Background Color

Color Blindness Simulation

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

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

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

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

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

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