0 views

#baf0f7 - Color Information

#baf0f7

Base Information

HEX

#baf0f7

RGB

186,240,247

HSL

187,79,85

HSV

187,25,97

CMYK

25,3,0,3

LAB

91,-16,-9

LCH

91,18,210

XYZ

68,79,100

Web Safe

#ccffff

Web Smart

#bbeeff

is dark

luminosity

0.7947

Pantone Color

Combinations

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

#baf0f7

#F7C1BA

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

#baf0f7

#F7BAD2

#F7E0BA

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

#baf0f7

#F7BAF0

#F0F7BA

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

#baf0f7

#E0BAF7

#F7C1BA

#D2F7BA

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

#baf0f7

#F7C1BA

#F7BAD2

#F7E0BA

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

#baf0f7

#BAD2F7

#C1BAF7

#E0BAF7

Shades

#baf0f7 Light Tints

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

#BAF0F7

#C1F2F8

#C8F3F9

#CFF5F9

#D6F6FA

#DDF8FB

#E3F9FC

#EAFBFD

#F1FCFD

#F8FEFE

#baf0f7 Gray Shades

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

#BAF0F7

#B4E5EB

#AEDADF

#A9CED3

#A3C3C7

#9DB8BC

#97ADB0

#91A2A4

#8C9698

#868B8C

#baf0f7 Dark Shades

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

#BAF0F7

#A7D8DE

#95C0C6

#82A8AD

#709094

#5D787C

#4A6063

#38484A

#253031

#131819

#baf0f7 Red Shades

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

#BAF0F7

#C1D8DE

#C8C0C6

#CFA8AD

#D69094

#DD787C

#E36063

#EA484A

#F13031

#F81819

#baf0f7 Green Shades

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

#BAF0F7

#A7E5DE

#95DAC6

#82CEAD

#70C394

#5DB87C

#4AAD63

#38A24A

#259631

#138B19

#baf0f7 Blue Shades

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

#BAF0F7

#A7D8F8

#95C0F9

#82A8F9

#7090FA

#5D78FB

#4A60FC

#3848FD

#2530FD

#1318FE

Readability Analysis

#baf0f7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.89	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.13	A	Sample Text
Blue	6.91	AA	Sample Text

#baf0f7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.89	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.13	A	Sample Text
Blue	6.91	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d6e9f3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dee5fa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bdeefc`
Protanopia	No red perception - Dichromacy	`#e7e4f1`
Deuteranopia	No green perception - Dichromacy	`#f2dffc`
Tritanopia	No blue perception - Dichromacy	`#beedff`
Achromatomaly	Partial color blindness - Monochromacy	`#d5e9ec`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#baf0f7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf0f7 Light Tints

#baf0f7 Gray Shades

#baf0f7 Dark Shades

#baf0f7 Red Shades

#baf0f7 Green Shades

#baf0f7 Blue Shades

Readability Analysis

#baf0f7 as Text Color

#baf0f7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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