0 views

#baf6ec - Color Information

#baf6ec

Base Information

HEX

#baf6ec

RGB

186,246,236

HSL

170,77,85

HSV

170,24,96

CMYK

24,0,4,4

LAB

93,-21,-1

LCH

93,21,184

XYZ

68,82,92

Web Safe

#ccffff

Web Smart

#bbeeee

is dark

luminosity

0.8241

Pantone Color

Combinations

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

#baf6ec

#F6BAC4

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

#baf6ec

#F6BAE2

#F6CEBA

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

#baf6ec

#ECBAF6

#F6ECBA

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

#baf6ec

#CEBAF6

#F6BAC4

#E2F6BA

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

#baf6ec

#F6BAC4

#F6BAE2

#F6CEBA

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

#baf6ec

#BAE2F6

#BAC4F6

#CEBAF6

Shades

#baf6ec Light Tints

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

#BAF6EC

#C1F7EE

#C8F8F0

#CFF9F2

#D6FAF4

#DDFBF6

#E3FBF7

#EAFCF9

#F1FDFB

#F8FEFD

#baf6ec Gray Shades

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

#BAF6EC

#B4EAE1

#AEDED6

#A9D3CC

#A3C7C1

#9DBBB6

#97AFAB

#91A3A0

#8C9896

#868C8B

#baf6ec Dark Shades

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

#BAF6EC

#A7DDD4

#95C5BD

#82ACA5

#70948E

#5D7B76

#4A625E

#384A47

#25312F

#131918

#baf6ec Red Shades

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

#BAF6EC

#C1DDD4

#C8C5BD

#CFACA5

#D6948E

#DD7B76

#E3625E

#EA4A47

#F1312F

#F81918

#baf6ec Green Shades

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

#BAF6EC

#A7EAD4

#95DEBD

#82D3A5

#70C78E

#5DBB76

#4AAF5E

#38A347

#25982F

#138C18

#baf6ec Blue Shades

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

#BAF6EC

#A7DDEE

#95C5F0

#82ACF2

#7094F4

#5D7BF6

#4A62F7

#384AF9

#2531FB

#1319FD

Readability Analysis

#baf6ec as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.20	Fail	Sample Text
Black	17.48	AAA	Sample Text
Red	3.33	A	Sample Text
Green	4.28	A	Sample Text
Blue	7.15	AAA	Sample Text

#baf6ec as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.20	Fail	Sample Text
Black	17.48	AAA	Sample Text
Red	3.33	A	Sample Text
Green	4.28	A	Sample Text
Blue	7.15	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dcede7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e5eaf0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c4f2f8`
Protanopia	No red perception - Dichromacy	`#efe8e4`
Deuteranopia	No green perception - Dichromacy	`#fde2f2`
Tritanopia	No blue perception - Dichromacy	`#c9f0ff`
Achromatomaly	Partial color blindness - Monochromacy	`#d8edea`
Achromatopsia	Complete color blindness - Monochromacy	`#e9e9e9`

#baf6ec - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf6ec Light Tints

#baf6ec Gray Shades

#baf6ec Dark Shades

#baf6ec Red Shades

#baf6ec Green Shades

#baf6ec Blue Shades

Readability Analysis

#baf6ec as Text Color

#baf6ec as Background Color

Color Blindness Simulation

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

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

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

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

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

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