0 views

#b8e2df - Color Information

#b8e2df

Base Information

HEX

#b8e2df

RGB

184,226,223

HSL

176,42,80

HSV

176,19,89

CMYK

19,0,1,11

LAB

87,-14,-3

LCH

87,15,192

XYZ

60,70,80

Web Safe

#cccccc

Web Smart

#bbdddd

is dark

luminosity

0.6991

Pantone Color

Combinations

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

#b8e2df

#E2B8BB

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

#b8e2df

#E2B8D0

#E2CAB8

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

#b8e2df

#DFB8E2

#E2DFB8

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

#b8e2df

#CAB8E2

#E2B8BB

#D0E2B8

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

#b8e2df

#E2B8BB

#E2B8D0

#E2CAB8

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

#b8e2df

#B8D0E2

#B8BBE2

#CAB8E2

Shades

#b8e2df Light Tints

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

#B8E2DF

#BFE5E2

#C6E8E5

#CDEBE9

#D4EEEC

#DCF1EF

#E3F3F2

#EAF6F5

#F1F9F9

#F8FCFC

#b8e2df Gray Shades

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

#B8E2DF

#B2D8D6

#ADCECC

#A7C5C3

#A2BBB9

#9CB1B0

#96A7A6

#919D9D

#8B9493

#868A8A

#b8e2df Dark Shades

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

#B8E2DF

#A6CBC9

#93B5B2

#819E9C

#6E8886

#5C7170

#4A5A59

#374443

#252D2D

#121716

#b8e2df Red Shades

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

#B8E2DF

#BFCBC9

#C6B5B2

#CD9E9C

#D48886

#DC7170

#E35A59

#EA4443

#F12D2D

#F81716

#b8e2df Green Shades

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

#B8E2DF

#A6D8C9

#93CEB2

#81C59C

#6EBB86

#5CB170

#4AA759

#379D43

#25942D

#128A16

#b8e2df Blue Shades

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

#B8E2DF

#A6CBE2

#93B5E5

#819EE9

#6E88EC

#5C71EF

#4A5AF2

#3744F5

#252DF9

#1217FC

Readability Analysis

#b8e2df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.98	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.13	AA	Sample Text

#b8e2df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.98	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cfdbdb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d8d8e2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bae0ea`
Protanopia	No red perception - Dichromacy	`#dcd8d9`
Deuteranopia	No green perception - Dichromacy	`#ead2e3`
Tritanopia	No blue perception - Dichromacy	`#bbdef0`
Achromatomaly	Partial color blindness - Monochromacy	`#cddcdb`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#b8e2df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b8e2df Light Tints

#b8e2df Gray Shades

#b8e2df Dark Shades

#b8e2df Red Shades

#b8e2df Green Shades

#b8e2df Blue Shades

Readability Analysis

#b8e2df as Text Color

#b8e2df as Background Color

Color Blindness Simulation

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

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

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

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

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

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