0 views

#b8dfd9 - Color Information

#b8dfd9

Base Information

HEX

#b8dfd9

RGB

184,223,217

HSL

171,38,80

HSV

171,17,87

CMYK

17,0,3,13

LAB

86,-14,-1

LCH

86,14,185

XYZ

59,68,76

Web Safe

#cccccc

Web Smart

#bbdddd

is dark

luminosity

0.6798

Pantone Color

Combinations

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

#b8dfd9

#DFB8BE

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

#b8dfd9

#DFB8D2

#DFC5B8

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

#b8dfd9

#D9B8DF

#DFD9B8

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

#b8dfd9

#C5B8DF

#DFB8BE

#D2DFB8

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

#b8dfd9

#DFB8BE

#DFB8D2

#DFC5B8

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

#b8dfd9

#B8D2DF

#B8BEDF

#C5B8DF

Shades

#b8dfd9 Light Tints

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

#B8DFD9

#BFE2DD

#C6E5E1

#CDE9E4

#D4ECE8

#DCEFEC

#E3F2F0

#EAF5F4

#F1F9F7

#F8FCFB

#b8dfd9 Gray Shades

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

#B8DFD9

#B2D6D0

#ADCCC7

#A7C3BE

#A2B9B5

#9CB0AD

#96A6A4

#919D9B

#8B9392

#868A89

#b8dfd9 Dark Shades

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

#B8DFD9

#A6C9C3

#93B2AE

#819C98

#6E8682

#5C706D

#4A5957

#374341

#252D2B

#121616

#b8dfd9 Red Shades

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

#B8DFD9

#BFC9C3

#C6B2AE

#CD9C98

#D48682

#DC706D

#E35957

#EA4341

#F12D2B

#F81616

#b8dfd9 Green Shades

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

#B8DFD9

#A6D6C3

#93CCAE

#81C398

#6EB982

#5CB06D

#4AA657

#379D41

#25932B

#128A16

#b8dfd9 Blue Shades

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

#B8DFD9

#A6C9DD

#93B2E1

#819CE4

#6E86E8

#5C70EC

#4A59F0

#3743F4

#252DF7

#1216FB

Readability Analysis

#b8dfd9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.60	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.97	AA	Sample Text

#b8dfd9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.60	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.97	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ced9d5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d7d5db`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#badce5`
Protanopia	No red perception - Dichromacy	`#dad5d3`
Deuteranopia	No green perception - Dichromacy	`#e8cfdd`
Tritanopia	No blue perception - Dichromacy	`#bbdbec`
Achromatomaly	Partial color blindness - Monochromacy	`#cbd9d7`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#b8dfd9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b8dfd9 Light Tints

#b8dfd9 Gray Shades

#b8dfd9 Dark Shades

#b8dfd9 Red Shades

#b8dfd9 Green Shades

#b8dfd9 Blue Shades

Readability Analysis

#b8dfd9 as Text Color

#b8dfd9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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