0 views

#b1d2dd - Color Information

#b1d2dd

Base Information

HEX

#b1d2dd

RGB

177,210,221

HSL

195,39,78

HSV

195,20,87

CMYK

20,5,0,13

LAB

82,-9,-9

LCH

82,12,227

XYZ

54,61,77

Web Safe

#99cccc

Web Smart

#aaccdd

is dark

luminosity

0.6066

Pantone Color

Combinations

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

#b1d2dd

#DDBCB1

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

#b1d2dd

#DDB1BC

#DDD2B1

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

#b1d2dd

#DDB1D2

#D2DDB1

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

#b1d2dd

#D2B1DD

#DDBCB1

#BCDDB1

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

#b1d2dd

#DDBCB1

#DDB1BC

#DDD2B1

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

#b1d2dd

#B1BCDD

#BCB1DD

#D2B1DD

Shades

#b1d2dd Light Tints

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

#B1D2DD

#B9D7E0

#C1DBE4

#C8E0E7

#D0E4EB

#D8E9EE

#E0EDF1

#E8F2F5

#EFF6F8

#F7FBFC

#b1d2dd Gray Shades

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

#B1D2DD

#ACCAD4

#A7C2CA

#A2B9C1

#9DB1B8

#99A9AF

#94A1A5

#8F999C

#8A9093

#858889

#b1d2dd Dark Shades

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

#B1D2DD

#9FBDC7

#8EA8B1

#7C939B

#6A7E85

#59696F

#475458

#353F42

#232A2C

#121516

#b1d2dd Red Shades

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

#B1D2DD

#B9BDC7

#C1A8B1

#C8939B

#D07E85

#D8696F

#E05458

#E83F42

#EF2A2C

#F71516

#b1d2dd Green Shades

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

#B1D2DD

#9FCAC7

#8EC2B1

#7CB99B

#6AB185

#59A96F

#47A158

#359942

#23902C

#128816

#b1d2dd Blue Shades

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

#B1D2DD

#9FBDE0

#8EA8E4

#7C93E7

#6A7EEB

#5969EE

#4754F1

#353FF5

#232AF8

#1215FC

Readability Analysis

#b1d2dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.13	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.37	AA	Sample Text

#b1d2dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.13	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.37	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2cdda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c8cadf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b1d1df`
Protanopia	No red perception - Dichromacy	`#cbcad8`
Deuteranopia	No green perception - Dichromacy	`#d6c6e0`
Tritanopia	No blue perception - Dichromacy	`#b1d0e1`
Achromatomaly	Partial color blindness - Monochromacy	`#c2ced2`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#b1d2dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b1d2dd Light Tints

#b1d2dd Gray Shades

#b1d2dd Dark Shades

#b1d2dd Red Shades

#b1d2dd Green Shades

#b1d2dd Blue Shades

Readability Analysis

#b1d2dd as Text Color

#b1d2dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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