0 views

#b8ccdf - Color Information

#b8ccdf

Base Information

HEX

#b8ccdf

RGB

184,204,223

HSL

209,38,80

HSV

209,17,87

CMYK

17,9,0,13

LAB

81,-3,-12

LCH

81,12,256

XYZ

55,59,78

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.5870

Pantone Color

Combinations

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

#b8ccdf

#DFCBB8

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

#b8ccdf

#DFB8B9

#DFDFB8

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

#b8ccdf

#DFB8CC

#CCDFB8

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

#b8ccdf

#DFB8DF

#DFCBB8

#B9DFB8

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

#b8ccdf

#DFCBB8

#DFB8B9

#DFDFB8

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

#b8ccdf

#B8B9DF

#CBB8DF

#DFB8DF

Shades

#b8ccdf Light Tints

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

#B8CCDF

#BFD1E2

#C6D6E5

#CDDBE9

#D4E0EC

#DCE6EF

#E3EBF2

#EAF0F5

#F1F5F9

#F8FAFC

#b8ccdf Gray Shades

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

#B8CCDF

#B2C4D6

#ADBDCC

#A7B5C3

#A2AEB9

#9CA6B0

#969EA6

#91979D

#8B8F93

#86888A

#b8ccdf Dark Shades

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

#B8CCDF

#A6B8C9

#93A3B2

#818F9C

#6E7A86

#5C6670

#4A5259

#373D43

#25292D

#121416

#b8ccdf Red Shades

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

#B8CCDF

#BFB8C9

#C6A3B2

#CD8F9C

#D47A86

#DC6670

#E35259

#EA3D43

#F1292D

#F81416

#b8ccdf Green Shades

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

#B8CCDF

#A6C4C9

#93BDB2

#81B59C

#6EAE86

#5CA670

#4A9E59

#379743

#258F2D

#128816

#b8ccdf Blue Shades

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

#B8CCDF

#A6B8E2

#93A3E5

#818FE9

#6E7AEC

#5C66EF

#4A52F2

#373DF5

#2529F9

#1214FC

Readability Analysis

#b8ccdf as Text Color

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

#b8ccdf as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c1c9dd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c8c6e0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b7ccdd`
Protanopia	No red perception - Dichromacy	`#c6c7dc`
Deuteranopia	No green perception - Dichromacy	`#d0c3e1`
Tritanopia	No blue perception - Dichromacy	`#b6cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#c3cad1`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#b8ccdf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b8ccdf Light Tints

#b8ccdf Gray Shades

#b8ccdf Dark Shades

#b8ccdf Red Shades

#b8ccdf Green Shades

#b8ccdf Blue Shades

Readability Analysis

#b8ccdf as Text Color

#b8ccdf as Background Color

Color Blindness Simulation

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

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

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

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

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

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