0 views

#b4e4ff - Color Information

#b4e4ff

Base Information

HEX

#b4e4ff

RGB

180,228,255

HSL

202,100,85

HSV

202,29,100

CMYK

29,11,0,0

LAB

88,-9,-18

LCH

88,20,243

XYZ

65,72,105

Web Safe

#ccccff

Web Smart

#bbddff

is dark

luminosity

0.7241

Pantone Color

Combinations

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

#b4e4ff

#FFCFB4

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

#b4e4ff

#FFB4BF

#FFF5B4

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

#b4e4ff

#FFB4E4

#E4FFB4

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

#b4e4ff

#F4B4FF

#FFCFB4

#BFFFB4

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

#b4e4ff

#FFCFB4

#FFB4BF

#FFF5B4

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

#b4e4ff

#B4BEFF

#CFB4FF

#F4B4FF

Shades

#b4e4ff Light Tints

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

#B4E4FF

#BCE7FF

#C3E9FF

#CBECFF

#D2EFFF

#DAF2FF

#E1F4FF

#E9F7FF

#F0FAFF

#F8FCFF

#b4e4ff Gray Shades

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

#B4E4FF

#AFDAF2

#AAD0E6

#A4C6D9

#9FBCCC

#9AB2C0

#95A8B3

#909EA6

#8A9499

#858A8D

#b4e4ff Dark Shades

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

#B4E4FF

#A2CDE6

#90B6CC

#7EA0B3

#6C8999

#5A7280

#485B66

#36444C

#242E33

#121719

#b4e4ff Red Shades

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

#B4E4FF

#BCCDE6

#C3B6CC

#CBA0B3

#D28999

#DA7280

#E15B66

#E9444C

#F02E33

#F81719

#b4e4ff Green Shades

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

#B4E4FF

#A2DAE6

#90D0CC

#7EC6B3

#6CBC99

#5AB280

#48A866

#369E4C

#249433

#128A19

#b4e4ff Blue Shades

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

#B4E4FF

#A2CDFF

#90B6FF

#7EA0FF

#6C89FF

#5A72FF

#485BFF

#3644FF

#242EFF

#1217FF

Readability Analysis

#b4e4ff as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.48	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.33	AA	Sample Text

#b4e4ff as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.48	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.79	A	Sample Text
Blue	6.33	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cadefc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cfdcff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b2e4fa`
Protanopia	No red perception - Dichromacy	`#d7dafa`
Deuteranopia	No green perception - Dichromacy	`#ded8ff`
Tritanopia	No blue perception - Dichromacy	`#b0e5f7`
Achromatomaly	Partial color blindness - Monochromacy	`#cddfe9`
Achromatopsia	Complete color blindness - Monochromacy	`#dcdcdc`

#b4e4ff - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4e4ff Light Tints

#b4e4ff Gray Shades

#b4e4ff Dark Shades

#b4e4ff Red Shades

#b4e4ff Green Shades

#b4e4ff Blue Shades

Readability Analysis

#b4e4ff as Text Color

#b4e4ff as Background Color

Color Blindness Simulation

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

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

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

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

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

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