0 views

#b8d1e5 - Color Information

#b8d1e5

Base Information

HEX

#b8d1e5

RGB

184,209,229

HSL

207,46,81

HSV

207,20,90

CMYK

20,9,0,10

LAB

83,-4,-13

LCH

83,13,252

XYZ

57,61,83

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.6145

Pantone Color

Combinations

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

#b8d1e5

#E5CCB8

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

#b8d1e5

#E5B8BA

#E5E3B8

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

#b8d1e5

#E5B8D1

#D1E5B8

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

#b8d1e5

#E3B8E5

#E5CCB8

#BAE5B8

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

#b8d1e5

#E5CCB8

#E5B8BA

#E5E3B8

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

#b8d1e5

#B8BAE5

#CCB8E5

#E3B8E5

Shades

#b8d1e5 Light Tints

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

#B8D1E5

#BFD6E8

#C6DAEA

#CDDFED

#D4E3EF

#DCE8F2

#E3EDF5

#EAF1F7

#F1F6FA

#F8FAFC

#b8d1e5 Gray Shades

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

#B8D1E5

#B2C9DB

#ADC1D1

#A7B9C7

#A2B1BD

#9CA9B3

#96A0A8

#91989E

#8B9094

#86888A

#b8d1e5 Dark Shades

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

#B8D1E5

#A6BCCE

#93A7B7

#8192A0

#6E7D89

#5C6973

#4A545C

#373F45

#252A2E

#121517

#b8d1e5 Red Shades

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

#B8D1E5

#BFBCCE

#C6A7B7

#CD92A0

#D47D89

#DC6973

#E3545C

#EA3F45

#F12A2E

#F81517

#b8d1e5 Green Shades

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

#B8D1E5

#A6C9CE

#93C1B7

#81B9A0

#6EB189

#5CA973

#4AA05C

#379845

#25902E

#128817

#b8d1e5 Blue Shades

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

#B8D1E5

#A6BCE8

#93A7EA

#8192ED

#6E7DEF

#5C69F2

#4A54F5

#373FF7

#252AFA

#1215FC

Readability Analysis

#b8d1e5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.29	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.25	A	Sample Text
Blue	5.44	AA	Sample Text

#b8d1e5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.29	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.25	A	Sample Text
Blue	5.44	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c3cde3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cacbe6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b7d1e2`
Protanopia	No red perception - Dichromacy	`#cacbe1`
Deuteranopia	No green perception - Dichromacy	`#d4c7e7`
Tritanopia	No blue perception - Dichromacy	`#b6d0e1`
Achromatomaly	Partial color blindness - Monochromacy	`#c5cfd6`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#b8d1e5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b8d1e5 Light Tints

#b8d1e5 Gray Shades

#b8d1e5 Dark Shades

#b8d1e5 Red Shades

#b8d1e5 Green Shades

#b8d1e5 Blue Shades

Readability Analysis

#b8d1e5 as Text Color

#b8d1e5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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