0 views

#bae3fe - Color Information

#bae3fe

Base Information

HEX

#bae3fe

RGB

186,227,254

HSL

204,97,86

HSV

204,27,100

CMYK

27,11,0,0

LAB

88,-7,-17

LCH

88,19,247

XYZ

66,73,104

Web Safe

#ccccff

Web Smart

#bbddff

is dark

luminosity

0.7253

Pantone Color

Combinations

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

#bae3fe

#FED5BA

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

#bae3fe

#FEBAC1

#FEF7BA

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

#bae3fe

#FEBAE3

#E3FEBA

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

#bae3fe

#F7BAFE

#FED5BA

#C1FEBA

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

#bae3fe

#FED5BA

#FEBAC1

#FEF7BA

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

#bae3fe

#BAC1FE

#D5BAFE

#F7BAFE

Shades

#bae3fe Light Tints

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

#BAE3FE

#C1E6FE

#C8E9FE

#CFEBFE

#D6EEFE

#DDF1FF

#E3F4FF

#EAF7FF

#F1F9FF

#F8FCFF

#bae3fe Gray Shades

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

#BAE3FE

#B4D9F1

#AECFE5

#A9C5D8

#A3BBCC

#9DB2BF

#97A8B2

#919EA6

#8C9499

#868A8D

#bae3fe Dark Shades

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

#BAE3FE

#A7CCE5

#95B6CB

#829FB2

#708898

#5D727F

#4A5B66

#38444C

#252D33

#131719

#bae3fe Red Shades

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

#BAE3FE

#C1CCE5

#C8B6CB

#CF9FB2

#D68898

#DD727F

#E35B66

#EA444C

#F12D33

#F81719

#bae3fe Green Shades

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

#BAE3FE

#A7D9E5

#95CFCB

#82C5B2

#70BB98

#5DB27F

#4AA866

#389E4C

#259433

#138A19

#bae3fe Blue Shades

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

#BAE3FE

#A7CCFE

#95B6FE

#829FFE

#7088FE

#5D72FF

#4A5BFF

#3844FF

#252DFF

#1317FF

Readability Analysis

#bae3fe as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.51	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.34	AA	Sample Text

#bae3fe as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.51	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.34	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cddefb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d2dcff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b8e3f9`
Protanopia	No red perception - Dichromacy	`#d7dbf9`
Deuteranopia	No green perception - Dichromacy	`#dfd8ff`
Tritanopia	No blue perception - Dichromacy	`#b6e4f6`
Achromatomaly	Partial color blindness - Monochromacy	`#d0dfe9`
Achromatopsia	Complete color blindness - Monochromacy	`#dcdcdc`

#bae3fe - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bae3fe Light Tints

#bae3fe Gray Shades

#bae3fe Dark Shades

#bae3fe Red Shades

#bae3fe Green Shades

#bae3fe Blue Shades

Readability Analysis

#bae3fe as Text Color

#bae3fe as Background Color

Color Blindness Simulation

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

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

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

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

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

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