0 views

#bccffd - Color Information

#bccffd

Base Information

HEX

#bccffd

RGB

188,207,253

HSL

222,94,86

HSV

222,26,99

CMYK

26,18,0,1

LAB

83,3,-25

LCH

83,25,278

XYZ

61,62,102

Web Safe

#ccccff

Web Smart

#bbccff

is dark

luminosity

0.6241

Pantone Color

Combinations

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

#bccffd

#FDEABC

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

#bccffd

#FDCABC

#F0FDBC

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

#bccffd

#FDBCCF

#CFFDBC

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

#bccffd

#FDBCEF

#FDEABC

#BCFDCA

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

#bccffd

#FDEABC

#FDCABC

#F0FDBC

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

#bccffd

#C9BCFD

#EABCFD

#FDBCEF

Shades

#bccffd Light Tints

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

#BCCFFD

#C3D4FD

#C9D9FD

#D0DDFE

#D7E2FE

#DEE7FE

#E4ECFE

#EBF1FE

#F2F5FF

#F8FAFF

#bccffd Gray Shades

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

#BCCFFD

#B6C7F1

#B0BFE4

#AAB7D8

#A4AFCB

#9EA8BF

#98A0B2

#9298A6

#8C9099

#86888D

#bccffd Dark Shades

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

#BCCFFD

#A9BAE4

#96A6CA

#8491B1

#717C98

#5E687F

#4B5365

#383E4C

#262933

#131519

#bccffd Red Shades

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

#BCCFFD

#C3BAE4

#C9A6CA

#D091B1

#D77C98

#DE687F

#E45365

#EB3E4C

#F22933

#F81519

#bccffd Green Shades

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

#BCCFFD

#A9C7E4

#96BFCA

#84B7B1

#71AF98

#5EA87F

#4BA065

#38984C

#269033

#138819

#bccffd Blue Shades

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

#BCCFFD

#A9BAFD

#96A6FD

#8491FE

#717CFE

#5E68FE

#4B53FE

#383EFE

#2629FF

#1315FF

Readability Analysis

#bccffd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.48	AAA	Sample Text
Red	2.57	Fail	Sample Text
Green	3.30	A	Sample Text
Blue	5.52	AA	Sample Text

#bccffd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.48	AAA	Sample Text
Red	2.57	Fail	Sample Text
Green	3.30	A	Sample Text
Blue	5.52	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c0cdfc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c4ccfe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b7d1ed`
Protanopia	No red perception - Dichromacy	`#c2ccfc`
Deuteranopia	No green perception - Dichromacy	`#c9cafe`
Tritanopia	No blue perception - Dichromacy	`#b4d2e3`
Achromatomaly	Partial color blindness - Monochromacy	`#c8cfdf`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#bccffd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bccffd Light Tints

#bccffd Gray Shades

#bccffd Dark Shades

#bccffd Red Shades

#bccffd Green Shades

#bccffd Blue Shades

Readability Analysis

#bccffd as Text Color

#bccffd as Background Color

Color Blindness Simulation

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

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

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

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

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

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