0 views

#bcced5 - Color Information

#bcced5

Base Information

HEX

#bcced5

RGB

188,206,213

HSL

197,23,79

HSV

197,12,84

CMYK

12,3,0,16

LAB

82,-5,-6

LCH

82,7,230

XYZ

55,60,72

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.5964

Pantone Color

Combinations

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

#bcced5

#D5C3BC

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

#bcced5

#D5BCC2

#D5CFBC

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

#bcced5

#D5BCCE

#CED5BC

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

#bcced5

#CFBCD5

#D5C3BC

#C2D5BC

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

#bcced5

#D5C3BC

#D5BCC2

#D5CFBC

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

#bcced5

#BCC2D5

#C3BCD5

#CFBCD5

Shades

#bcced5 Light Tints

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

#BCCED5

#C3D3D9

#C9D8DD

#D0DDE2

#D7E2E6

#DEE7EA

#E4EBEE

#EBF0F2

#F2F5F7

#F8FAFB

#bcced5 Gray Shades

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

#BCCED5

#B6C6CD

#B0BEC4

#AAB7BC

#A4AFB3

#9EA7AB

#989FA2

#92979A

#8C9091

#868889

#bcced5 Dark Shades

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

#BCCED5

#A9B9C0

#96A5AA

#849095

#717C80

#5E676B

#4B5255

#383E40

#26292B

#131515

#bcced5 Red Shades

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

#BCCED5

#C3B9C0

#C9A5AA

#D09095

#D77C80

#DE676B

#E45255

#EB3E40

#F2292B

#F81515

#bcced5 Green Shades

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

#BCCED5

#A9C6C0

#96BEAA

#84B795

#71AF80

#5EA76B

#4B9F55

#389740

#26902B

#138815

#bcced5 Blue Shades

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

#BCCED5

#A9B9D9

#96A5DD

#8490E2

#717CE6

#5E67EA

#4B52EE

#383EF2

#2629F7

#1315FB

Readability Analysis

#bcced5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.93	AAA	Sample Text
Red	2.46	Fail	Sample Text
Green	3.16	A	Sample Text
Blue	5.29	AA	Sample Text

#bcced5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.93	AAA	Sample Text
Red	2.46	Fail	Sample Text
Green	3.16	A	Sample Text
Blue	5.29	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c5cad3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cec7d6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bcccd9`
Protanopia	No red perception - Dichromacy	`#cbc8d2`
Deuteranopia	No green perception - Dichromacy	`#d8c4d7`
Tritanopia	No blue perception - Dichromacy	`#bcccdc`
Achromatomaly	Partial color blindness - Monochromacy	`#c5ccce`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#bcced5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bcced5 Light Tints

#bcced5 Gray Shades

#bcced5 Dark Shades

#bcced5 Red Shades

#bcced5 Green Shades

#bcced5 Blue Shades

Readability Analysis

#bcced5 as Text Color

#bcced5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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