0 views

#bce2f6 - Color Information

#bce2f6

Base Information

HEX

#bce2f6

RGB

188,226,246

HSL

201,76,85

HSV

201,24,96

CMYK

24,8,0,4

LAB

88,-8,-14

LCH

88,16,240

XYZ

65,72,98

Web Safe

#ccccff

Web Smart

#bbddee

is dark

luminosity

0.7174

Pantone Color

Combinations

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

#bce2f6

#F6D0BC

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

#bce2f6

#F6BCC5

#F6EDBC

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

#bce2f6

#F6BCE2

#E2F6BC

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

#bce2f6

#EDBCF6

#F6D0BC

#C5F6BC

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

#bce2f6

#F6D0BC

#F6BCC5

#F6EDBC

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

#bce2f6

#BCC5F6

#D0BCF6

#EDBCF6

Shades

#bce2f6 Light Tints

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

#BCE2F6

#C3E5F7

#C9E8F8

#D0EBF9

#D7EEFA

#DEF1FB

#E4F3FB

#EBF6FC

#F2F9FD

#F8FCFE

#bce2f6 Gray Shades

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

#BCE2F6

#B6D8EA

#B0CEDE

#AAC5D3

#A4BBC7

#9EB1BB

#98A7AF

#929DA3

#8C9498

#868A8C

#bce2f6 Dark Shades

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

#BCE2F6

#A9CBDD

#96B5C5

#849EAC

#718894

#5E717B

#4B5A62

#38444A

#262D31

#131719

#bce2f6 Red Shades

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

#BCE2F6

#C3CBDD

#C9B5C5

#D09EAC

#D78894

#DE717B

#E45A62

#EB444A

#F22D31

#F81719

#bce2f6 Green Shades

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

#BCE2F6

#A9D8DD

#96CEC5

#84C5AC

#71BB94

#5EB17B

#4BA762

#389D4A

#269431

#138A19

#bce2f6 Blue Shades

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

#BCE2F6

#A9CBF7

#96B5F8

#849EF9

#7188FA

#5E71FB

#4B5AFB

#3844FC

#262DFD

#1317FE

Readability Analysis

#bce2f6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.35	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.75	A	Sample Text
Blue	6.28	AA	Sample Text

#bce2f6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.35	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.75	A	Sample Text
Blue	6.28	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ceddf3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d4daf8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bbe2f4`
Protanopia	No red perception - Dichromacy	`#d8daf1`
Deuteranopia	No green perception - Dichromacy	`#e2d6fa`
Tritanopia	No blue perception - Dichromacy	`#bae2f3`
Achromatomaly	Partial color blindness - Monochromacy	`#d0dee5`
Achromatopsia	Complete color blindness - Monochromacy	`#dbdbdb`

#bce2f6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bce2f6 Light Tints

#bce2f6 Gray Shades

#bce2f6 Dark Shades

#bce2f6 Red Shades

#bce2f6 Green Shades

#bce2f6 Blue Shades

Readability Analysis

#bce2f6 as Text Color

#bce2f6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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