0 views

#bccbfd - Color Information

#bccbfd

Base Information

HEX

#bccbfd

RGB

188,203,253

HSL

226,94,86

HSV

226,26,99

CMYK

26,20,0,1

LAB

82,6,-26

LCH

82,27,282

XYZ

60,60,101

Web Safe

#ccccff

Web Smart

#bbccff

is dark

luminosity

0.6050

Pantone Color

Combinations

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

#bccbfd

#FDEEBC

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

#bccbfd

#FDCEBC

#EBFDBC

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

#bccbfd

#FDBCCB

#CBFDBC

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

#bccbfd

#FDBCEB

#FDEEBC

#BCFDCE

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

#bccbfd

#FDEEBC

#FDCEBC

#EBFDBC

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

#bccbfd

#CEBCFD

#EEBCFD

#FDBCEB

Shades

#bccbfd Light Tints

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

#BCCBFD

#C3D0FD

#C9D5FD

#D0DBFE

#D7E0FE

#DEE5FE

#E4EAFE

#EBEFFE

#F2F5FF

#F8FAFF

#bccbfd Gray Shades

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

#BCCBFD

#B6C4F1

#B0BCE4

#AAB5D8

#A4ADCB

#9EA6BF

#989EB2

#9297A6

#8C8F99

#86888D

#bccbfd Dark Shades

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

#BCCBFD

#A9B7E4

#96A2CA

#848EB1

#717A98

#5E667F

#4B5165

#383D4C

#262933

#131419

#bccbfd Red Shades

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

#BCCBFD

#C3B7E4

#C9A2CA

#D08EB1

#D77A98

#DE667F

#E45165

#EB3D4C

#F22933

#F81419

#bccbfd Green Shades

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

#BCCBFD

#A9C4E4

#96BCCA

#84B5B1

#71AD98

#5EA67F

#4B9E65

#38974C

#268F33

#138819

#bccbfd Blue Shades

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

#BCCBFD

#A9B7FD

#96A2FD

#848EFE

#717AFE

#5E66FE

#4B51FE

#383DFE

#2629FF

#1314FF

Readability Analysis

#bccbfd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.10	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.20	A	Sample Text
Blue	5.36	AA	Sample Text

#bccbfd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.10	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.20	A	Sample Text
Blue	5.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#bdcafd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c1c8fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b7ceea`
Protanopia	No red perception - Dichromacy	`#bec9fc`
Deuteranopia	No green perception - Dichromacy	`#c4c7fe`
Tritanopia	No blue perception - Dichromacy	`#b3cfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#c6cbdd`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#bccbfd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bccbfd Light Tints

#bccbfd Gray Shades

#bccbfd Dark Shades

#bccbfd Red Shades

#bccbfd Green Shades

#bccbfd Blue Shades

Readability Analysis

#bccbfd as Text Color

#bccbfd as Background Color

Color Blindness Simulation

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

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

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

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

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

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