0 views

#b0d9f5 - Color Information

#b0d9f5

Base Information

HEX

#b0d9f5

RGB

176,217,245

HSL

204,78,83

HSV

204,28,96

CMYK

28,11,0,4

LAB

85,-7,-18

LCH

85,19,248

XYZ

59,65,96

Web Safe

#99ccff

Web Smart

#aaddee

is dark

luminosity

0.6545

Pantone Color

Combinations

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

#b0d9f5

#F5CCB0

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

#b0d9f5

#F5B0B6

#F5EFB0

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

#b0d9f5

#F5B0D9

#D9F5B0

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

#b0d9f5

#EFB0F5

#F5CCB0

#B6F5B0

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

#b0d9f5

#F5CCB0

#F5B0B6

#F5EFB0

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

#b0d9f5

#B0B6F5

#CCB0F5

#EFB0F5

Shades

#b0d9f5 Light Tints

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

#B0D9F5

#B8DDF6

#C0E1F7

#C8E4F8

#D0E8F9

#D8ECFA

#DFF0FB

#E7F4FC

#EFF7FD

#F7FBFE

#b0d9f5 Gray Shades

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

#B0D9F5

#ABD0E9

#A6C7DE

#A2BED2

#9DB5C6

#98ADBB

#93A4AF

#8E9BA3

#8A9297

#85898C

#b0d9f5 Dark Shades

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

#B0D9F5

#9EC3DD

#8DAEC4

#7B98AC

#6A8293

#586D7B

#465762

#354149

#232B31

#121618

#b0d9f5 Red Shades

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

#B0D9F5

#B8C3DD

#C0AEC4

#C898AC

#D08293

#D86D7B

#DF5762

#E74149

#EF2B31

#F71618

#b0d9f5 Green Shades

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

#B0D9F5

#9ED0DD

#8DC7C4

#7BBEAC

#6AB593

#58AD7B

#46A462

#359B49

#239231

#128918

#b0d9f5 Blue Shades

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

#B0D9F5

#9EC3F6

#8DAEF7

#7B98F8

#6A82F9

#586DFA

#4657FB

#3541FC

#232BFD

#1216FE

Readability Analysis

#b0d9f5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.09	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.45	A	Sample Text
Blue	5.77	AA	Sample Text

#b0d9f5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.09	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.45	A	Sample Text
Blue	5.77	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2d4f2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c7d2f7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#add9ef`
Protanopia	No red perception - Dichromacy	`#cdd1f0`
Deuteranopia	No green perception - Dichromacy	`#d4cdf8`
Tritanopia	No blue perception - Dichromacy	`#acdaeb`
Achromatomaly	Partial color blindness - Monochromacy	`#c6d5df`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#b0d9f5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b0d9f5 Light Tints

#b0d9f5 Gray Shades

#b0d9f5 Dark Shades

#b0d9f5 Red Shades

#b0d9f5 Green Shades

#b0d9f5 Blue Shades

Readability Analysis

#b0d9f5 as Text Color

#b0d9f5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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