0 views

#b2dae9 - Color Information

#b2dae9

Base Information

HEX

#b2dae9

RGB

178,218,233

HSL

196,56,81

HSV

196,24,91

CMYK

24,6,0,9

LAB

85,-10,-12

LCH

85,15,230

XYZ

58,65,87

Web Safe

#99ccff

Web Smart

#aaddee

is dark

luminosity

0.6549

Pantone Color

Combinations

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

#b2dae9

#E9C1B2

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

#b2dae9

#E9B2BE

#E9DDB2

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

#b2dae9

#E9B2DA

#DAE9B2

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

#b2dae9

#DDB2E9

#E9C1B2

#BFE9B2

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

#b2dae9

#E9C1B2

#E9B2BE

#E9DDB2

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

#b2dae9

#B2BFE9

#C1B2E9

#DDB2E9

Shades

#b2dae9 Light Tints

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

#B2DAE9

#BADEEB

#C1E1ED

#C9E5F0

#D1E9F2

#D9EDF4

#E0F0F6

#E8F4F8

#F0F8FB

#F7FBFD

#b2dae9 Gray Shades

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

#B2DAE9

#ADD1DF

#A8C8D4

#A3BFCA

#9EB6BF

#99ADB5

#94A4AA

#8F9BA0

#8A9295

#85898B

#b2dae9 Dark Shades

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

#B2DAE9

#A0C4D2

#8EAEBA

#7D99A3

#6B838C

#596D75

#47575D

#354146

#242C2F

#121617

#b2dae9 Red Shades

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

#B2DAE9

#BAC4D2

#C1AEBA

#C999A3

#D1838C

#D96D75

#E0575D

#E84146

#F02C2F

#F71617

#b2dae9 Green Shades

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

#B2DAE9

#A0D1D2

#8EC8BA

#7DBFA3

#6BB68C

#59AD75

#47A45D

#359B46

#24922F

#128917

#b2dae9 Blue Shades

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

#B2DAE9

#A0C4EB

#8EAEED

#7D99F0

#6B83F2

#596DF4

#4757F6

#3541F8

#242CFB

#1216FD

Readability Analysis

#b2dae9 as Text Color

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

#b2dae9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.10	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	`#c6d4e6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ccd2eb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b1d9ea`
Protanopia	No red perception - Dichromacy	`#d1d1e4`
Deuteranopia	No green perception - Dichromacy	`#dbcded`
Tritanopia	No blue perception - Dichromacy	`#b1d9ea`
Achromatomaly	Partial color blindness - Monochromacy	`#c7d5db`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#b2dae9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b2dae9 Light Tints

#b2dae9 Gray Shades

#b2dae9 Dark Shades

#b2dae9 Red Shades

#b2dae9 Green Shades

#b2dae9 Blue Shades

Readability Analysis

#b2dae9 as Text Color

#b2dae9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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