0 views

#b4d3e7 - Color Information

#b4d3e7

Base Information

HEX

#b4d3e7

RGB

180,211,231

HSL

204,52,81

HSV

204,22,91

CMYK

22,9,0,9

LAB

83,-6,-13

LCH

83,15,246

XYZ

57,62,85

Web Safe

#ccccff

Web Smart

#bbccee

is dark

luminosity

0.6206

Pantone Color

Combinations

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

#b4d3e7

#E7C8B4

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

#b4d3e7

#E7B4BA

#E7E1B4

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

#b4d3e7

#E7B4D3

#D3E7B4

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

#b4d3e7

#E1B4E7

#E7C8B4

#BAE7B4

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

#b4d3e7

#E7C8B4

#E7B4BA

#E7E1B4

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

#b4d3e7

#B4BAE7

#C8B4E7

#E1B4E7

Shades

#b4d3e7 Light Tints

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

#B4D3E7

#BCD7E9

#C3DCEC

#CBE0EE

#D2E5F1

#DAE9F3

#E1EDF5

#E9F2F8

#F0F6FA

#F8FBFD

#b4d3e7 Gray Shades

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

#B4D3E7

#AFCBDD

#AAC2D2

#A4BAC8

#9FB2BE

#9AAAB4

#95A1A9

#90999F

#8A9195

#85888A

#b4d3e7 Dark Shades

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

#B4D3E7

#A2BED0

#90A9B9

#7E94A2

#6C7F8B

#5A6A74

#48545C

#363F45

#242A2E

#121517

#b4d3e7 Red Shades

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

#B4D3E7

#BCBED0

#C3A9B9

#CB94A2

#D27F8B

#DA6A74

#E1545C

#E93F45

#F02A2E

#F81517

#b4d3e7 Green Shades

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

#B4D3E7

#A2CBD0

#90C2B9

#7EBAA2

#6CB28B

#5AAA74

#48A15C

#369945

#24912E

#128817

#b4d3e7 Blue Shades

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

#B4D3E7

#A2BEE9

#90A9EC

#7E94EE

#6C7FF1

#5A6AF3

#4854F5

#363FF8

#242AFA

#1215FD

Readability Analysis

#b4d3e7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.41	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.49	AA	Sample Text

#b4d3e7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.41	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.49	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2cee4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c8cce9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b3d3e4`
Protanopia	No red perception - Dichromacy	`#cacce3`
Deuteranopia	No green perception - Dichromacy	`#d4c8ea`
Tritanopia	No blue perception - Dichromacy	`#b2d2e3`
Achromatomaly	Partial color blindness - Monochromacy	`#c4d0d7`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#b4d3e7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4d3e7 Light Tints

#b4d3e7 Gray Shades

#b4d3e7 Dark Shades

#b4d3e7 Red Shades

#b4d3e7 Green Shades

#b4d3e7 Blue Shades

Readability Analysis

#b4d3e7 as Text Color

#b4d3e7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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