0 views

#baf2dd - Color Information

#baf2dd

Base Information

HEX

#baf2dd

RGB

186,242,221

HSL

158,68,84

HSV

158,23,95

CMYK

23,0,9,5

LAB

91,-22,4

LCH

91,22,169

XYZ

65,79,80

Web Safe

#ccffcc

Web Smart

#bbeedd

is dark

luminosity

0.7916

Pantone Color

Combinations

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

#baf2dd

#F2BACF

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

#baf2dd

#F2BAEB

#F2C1BA

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

#baf2dd

#DDBAF2

#F2DDBA

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

#baf2dd

#C1BAF2

#F2BACF

#EBF2BA

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

#baf2dd

#F2BACF

#F2BAEB

#F2C1BA

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

#baf2dd

#BAEBF2

#BACFF2

#C1BAF2

Shades

#baf2dd Light Tints

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

#BAF2DD

#C1F3E0

#C8F5E4

#CFF6E7

#D6F7EB

#DDF9EE

#E3FAF1

#EAFBF5

#F1FCF8

#F8FEFC

#baf2dd Gray Shades

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

#BAF2DD

#B4E7D4

#AEDBCA

#A9D0C1

#A3C4B8

#9DB9AF

#97AEA5

#91A29C

#8C9793

#868B89

#baf2dd Dark Shades

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

#BAF2DD

#A7DAC7

#95C2B1

#82A99B

#709185

#5D796F

#4A6158

#384942

#25302C

#131816

#baf2dd Red Shades

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

#BAF2DD

#C1DAC7

#C8C2B1

#CFA99B

#D69185

#DD796F

#E36158

#EA4942

#F1302C

#F81816

#baf2dd Green Shades

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

#BAF2DD

#A7E7C7

#95DBB1

#82D09B

#70C485

#5DB96F

#4AAE58

#38A242

#25972C

#138B16

#baf2dd Blue Shades

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

#BAF2DD

#A7DAE0

#95C2E4

#82A9E7

#7091EB

#5D79EE

#4A61F1

#3849F5

#2530F8

#1318FC

Readability Analysis

#baf2dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.83	AAA	Sample Text
Red	3.21	A	Sample Text
Green	4.12	A	Sample Text
Blue	6.89	AA	Sample Text

#baf2dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.83	AAA	Sample Text
Red	3.21	A	Sample Text
Green	4.12	A	Sample Text
Blue	6.89	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dbe9d8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e5e5e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#beeef3`
Protanopia	No red perception - Dichromacy	`#ede4d5`
Deuteranopia	No green perception - Dichromacy	`#fddee3`
Tritanopia	No blue perception - Dichromacy	`#c1ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#d5e9e2`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#baf2dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf2dd Light Tints

#baf2dd Gray Shades

#baf2dd Dark Shades

#baf2dd Red Shades

#baf2dd Green Shades

#baf2dd Blue Shades

Readability Analysis

#baf2dd as Text Color

#baf2dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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