0 views

#bccbdf - Color Information

#bccbdf

Base Information

HEX

#bccbdf

RGB

188,203,223

HSL

214,35,81

HSV

214,16,87

CMYK

16,9,0,13

LAB

81,-1,-12

LCH

81,12,265

XYZ

55,59,78

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.5873

Pantone Color

Combinations

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

#bccbdf

#DFD0BC

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

#bccbdf

#DFBFBC

#DCDFBC

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

#bccbdf

#DFBCCB

#CBDFBC

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

#bccbdf

#DFBCDC

#DFD0BC

#BCDFBF

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

#bccbdf

#DFD0BC

#DFBFBC

#DCDFBC

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

#bccbdf

#BFBCDF

#D0BCDF

#DFBCDC

Shades

#bccbdf Light Tints

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

#BCCBDF

#C3D0E2

#C9D5E5

#D0DBE9

#D7E0EC

#DEE5EF

#E4EAF2

#EBEFF5

#F2F5F9

#F8FAFC

#bccbdf Gray Shades

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

#BCCBDF

#B6C4D6

#B0BCCC

#AAB5C3

#A4ADB9

#9EA6B0

#989EA6

#92979D

#8C8F93

#86888A

#bccbdf Dark Shades

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

#BCCBDF

#A9B7C9

#96A2B2

#848E9C

#717A86

#5E6670

#4B5159

#383D43

#26292D

#131416

#bccbdf Red Shades

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

#BCCBDF

#C3B7C9

#C9A2B2

#D08E9C

#D77A86

#DE6670

#E45159

#EB3D43

#F2292D

#F81416

#bccbdf Green Shades

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

#BCCBDF

#A9C4C9

#96BCB2

#84B59C

#71AD86

#5EA670

#4B9E59

#389743

#268F2D

#138816

#bccbdf Blue Shades

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

#BCCBDF

#A9B7E2

#96A2E5

#848EE9

#717AEC

#5E66EF

#4B51F2

#383DF5

#2629F9

#1314FC

Readability Analysis

#bccbdf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.65	Fail	Sample Text
Black	12.75	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.22	AA	Sample Text

#bccbdf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.65	Fail	Sample Text
Black	12.75	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.12	A	Sample Text
Blue	5.22	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2c8dd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c9c6e0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bbcbdc`
Protanopia	No red perception - Dichromacy	`#c6c7dc`
Deuteranopia	No green perception - Dichromacy	`#d1c3e0`
Tritanopia	No blue perception - Dichromacy	`#bacada`
Achromatomaly	Partial color blindness - Monochromacy	`#c4cad1`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#bccbdf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bccbdf Light Tints

#bccbdf Gray Shades

#bccbdf Dark Shades

#bccbdf Red Shades

#bccbdf Green Shades

#bccbdf Blue Shades

Readability Analysis

#bccbdf as Text Color

#bccbdf as Background Color

Color Blindness Simulation

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

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

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

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

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

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