0 views

#b0d5fb - Color Information

#b0d5fb

Base Information

HEX

#b0d5fb

RGB

176,213,251

HSL

210,90,84

HSV

210,30,98

CMYK

30,15,0,2

LAB

84,-4,-23

LCH

84,23,261

XYZ

59,64,100

Web Safe

#99ccff

Web Smart

#aaddff

is dark

luminosity

0.6378

Pantone Color

Combinations

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

#b0d5fb

#FBD6B0

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

#b0d5fb

#FBB0B0

#FBFBB0

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

#b0d5fb

#FBB0D5

#D5FBB0

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

#b0d5fb

#FBB0FB

#FBD6B0

#B0FBB0

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

#b0d5fb

#FBD6B0

#FBB0B0

#FBFBB0

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

#b0d5fb

#B0B0FB

#D6B0FB

#FBB0FB

Shades

#b0d5fb Light Tints

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

#B0D5FB

#B8D9FB

#C0DDFC

#C8E2FC

#D0E6FD

#D8EAFD

#DFEEFD

#E7F2FE

#EFF7FE

#F7FBFF

#b0d5fb Gray Shades

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

#B0D5FB

#ABCDEF

#A6C4E2

#A2BCD6

#9DB3CA

#98ABBE

#93A2B1

#8E9AA5

#8A9199

#85898C

#b0d5fb Dark Shades

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

#B0D5FB

#9EC0E2

#8DAAC9

#7B95B0

#6A8097

#586B7E

#465564

#35404B

#232B32

#121519

#b0d5fb Red Shades

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

#B0D5FB

#B8C0E2

#C0AAC9

#C895B0

#D08097

#D86B7E

#DF5564

#E7404B

#EF2B32

#F71519

#b0d5fb Green Shades

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

#B0D5FB

#9ECDE2

#8DC4C9

#7BBCB0

#6AB397

#58AB7E

#46A264

#359A4B

#239132

#128919

#b0d5fb Blue Shades

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

#B0D5FB

#9EC0FB

#8DAAFC

#7B95FC

#6A80FD

#586BFD

#4655FD

#3540FE

#232BFE

#1215FF

Readability Analysis

#b0d5fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.76	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.37	A	Sample Text
Blue	5.63	AA	Sample Text

#b0d5fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.53	Fail	Sample Text
Black	13.76	AAA	Sample Text
Red	2.62	Fail	Sample Text
Green	3.37	A	Sample Text
Blue	5.63	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#bfd1f9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c2cffd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#acd6ef`
Protanopia	No red perception - Dichromacy	`#c7cef7`
Deuteranopia	No green perception - Dichromacy	`#cdcbfe`
Tritanopia	No blue perception - Dichromacy	`#aad7e8`
Achromatomaly	Partial color blindness - Monochromacy	`#c4d2e0`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#b0d5fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b0d5fb Light Tints

#b0d5fb Gray Shades

#b0d5fb Dark Shades

#b0d5fb Red Shades

#b0d5fb Green Shades

#b0d5fb Blue Shades

Readability Analysis

#b0d5fb as Text Color

#b0d5fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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