0 views

#baf1dd - Color Information

#baf1dd

Base Information

HEX

#baf1dd

RGB

186,241,221

HSL

158,66,84

HSV

158,23,95

CMYK

23,0,8,5

LAB

91,-21,4

LCH

91,22,170

XYZ

65,79,80

Web Safe

#ccffcc

Web Smart

#bbeedd

is dark

luminosity

0.7857

Pantone Color

Combinations

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

#baf1dd

#F1BACE

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

#baf1dd

#F1BAE9

#F1C2BA

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

#baf1dd

#DDBAF1

#F1DDBA

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

#baf1dd

#C2BAF1

#F1BACE

#E9F1BA

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

#baf1dd

#F1BACE

#F1BAE9

#F1C2BA

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

#baf1dd

#BAE9F1

#BACEF1

#C2BAF1

Shades

#baf1dd Light Tints

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

#BAF1DD

#C1F2E0

#C8F4E4

#CFF5E7

#D6F7EB

#DDF8EE

#E3F9F1

#EAFBF5

#F1FCF8

#F8FEFC

#baf1dd Gray Shades

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

#BAF1DD

#B4E6D4

#AEDACA

#A9CFC1

#A3C4B8

#9DB9AF

#97ADA5

#91A29C

#8C9793

#868B89

#baf1dd Dark Shades

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

#BAF1DD

#A7D9C7

#95C1B1

#82A99B

#709185

#5D796F

#4A6058

#384842

#25302C

#131816

#baf1dd Red Shades

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

#BAF1DD

#C1D9C7

#C8C1B1

#CFA99B

#D69185

#DD796F

#E36058

#EA4842

#F1302C

#F81816

#baf1dd Green Shades

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

#BAF1DD

#A7E6C7

#95DAB1

#82CF9B

#70C485

#5DB96F

#4AAD58

#38A242

#25972C

#138B16

#baf1dd Blue Shades

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

#BAF1DD

#A7D9E0

#95C1E4

#82A9E7

#7091EB

#5D79EE

#4A60F1

#3848F5

#2530F8

#1318FC

Readability Analysis

#baf1dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.71	AAA	Sample Text
Red	3.18	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.84	AA	Sample Text

#baf1dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.71	AAA	Sample Text
Red	3.18	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.84	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dae8d8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e4e4e0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#beedf2`
Protanopia	No red perception - Dichromacy	`#ece4d6`
Deuteranopia	No green perception - Dichromacy	`#fcdde2`
Tritanopia	No blue perception - Dichromacy	`#c0ebfe`
Achromatomaly	Partial color blindness - Monochromacy	`#d5e9e1`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#baf1dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf1dd Light Tints

#baf1dd Gray Shades

#baf1dd Dark Shades

#baf1dd Red Shades

#baf1dd Green Shades

#baf1dd Blue Shades

Readability Analysis

#baf1dd as Text Color

#baf1dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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