0 views

#b2d5fb - Color Information

#b2d5fb

Base Information

HEX

#b2d5fb

RGB

178,213,251

HSL

211,90,84

HSV

211,29,98

CMYK

29,15,0,2

LAB

84,-3,-22

LCH

84,23,262

XYZ

60,64,100

Web Safe

#99ccff

Web Smart

#aaddff

is dark

luminosity

0.6402

Pantone Color

Combinations

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

#b2d5fb

#FBD8B2

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

#b2d5fb

#FBB3B2

#F9FBB2

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

#b2d5fb

#FBB2D5

#D5FBB2

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

#b2d5fb

#FBB2F9

#FBD8B2

#B2FBB3

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

#b2d5fb

#FBD8B2

#FBB3B2

#F9FBB2

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

#b2d5fb

#B4B2FB

#D8B2FB

#FBB2F9

Shades

#b2d5fb Light Tints

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

#B2D5FB

#BAD9FB

#C1DDFC

#C9E2FC

#D1E6FD

#D9EAFD

#E0EEFD

#E8F2FE

#F0F7FE

#F7FBFF

#b2d5fb Gray Shades

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

#B2D5FB

#ADCDEF

#A8C4E2

#A3BCD6

#9EB3CA

#99ABBE

#94A2B1

#8F9AA5

#8A9199

#85898C

#b2d5fb Dark Shades

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

#B2D5FB

#A0C0E2

#8EAAC9

#7D95B0

#6B8097

#596B7E

#475564

#35404B

#242B32

#121519

#b2d5fb Red Shades

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

#B2D5FB

#BAC0E2

#C1AAC9

#C995B0

#D18097

#D96B7E

#E05564

#E8404B

#F02B32

#F71519

#b2d5fb Green Shades

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

#B2D5FB

#A0CDE2

#8EC4C9

#7DBCB0

#6BB397

#59AB7E

#47A264

#359A4B

#249132

#128919

#b2d5fb Blue Shades

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

#B2D5FB

#A0C0FB

#8EAAFC

#7D95FC

#6B80FD

#596BFD

#4755FD

#3540FE

#242BFE

#1215FF

Readability Analysis

#b2d5fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.80	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.65	AA	Sample Text

#b2d5fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.80	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.65	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c0d1f9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c3cffd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#aed6ef`
Protanopia	No red perception - Dichromacy	`#c7cef7`
Deuteranopia	No green perception - Dichromacy	`#cdccfe`
Tritanopia	No blue perception - Dichromacy	`#acd7e8`
Achromatomaly	Partial color blindness - Monochromacy	`#c5d2e0`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#b2d5fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b2d5fb Light Tints

#b2d5fb Gray Shades

#b2d5fb Dark Shades

#b2d5fb Red Shades

#b2d5fb Green Shades

#b2d5fb Blue Shades

Readability Analysis

#b2d5fb as Text Color

#b2d5fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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