0 views

#b4f5db - Color Information

#b4f5db

Base Information

HEX

#b4f5db

RGB

180,245,219

HSL

156,76,83

HSV

156,27,96

CMYK

27,0,11,4

LAB

92,-26,6

LCH

92,26,167

XYZ

64,80,79

Web Safe

#ccffcc

Web Smart

#bbeedd

is dark

luminosity

0.8012

Pantone Color

Combinations

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

#b4f5db

#F5B4CE

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

#b4f5db

#F5B4EF

#F5BBB4

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

#b4f5db

#DBB4F5

#F5DBB4

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

#b4f5db

#BBB4F5

#F5B4CE

#EFF5B4

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

#b4f5db

#F5B4CE

#F5B4EF

#F5BBB4

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

#b4f5db

#B4EFF5

#B4CEF5

#BBB4F5

Shades

#b4f5db Light Tints

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

#B4F5DB

#BCF6DF

#C3F7E2

#CBF8E6

#D2F9E9

#DAFAED

#E1FBF1

#E9FCF4

#F0FDF8

#F8FEFB

#b4f5db Gray Shades

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

#B4F5DB

#AFE9D2

#AADEC9

#A4D2C0

#9FC6B7

#9ABBAE

#95AFA4

#90A39B

#8A9792

#858C89

#b4f5db Dark Shades

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

#B4F5DB

#A2DDC5

#90C4AF

#7EAC99

#6C9383

#5A7B6E

#486258

#364942

#24312C

#121816

#b4f5db Red Shades

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

#B4F5DB

#BCDDC5

#C3C4AF

#CBAC99

#D29383

#DA7B6E

#E16258

#E94942

#F0312C

#F81816

#b4f5db Green Shades

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

#B4F5DB

#A2E9C5

#90DEAF

#7ED299

#6CC683

#5ABB6E

#48AF58

#36A342

#24972C

#128C16

#b4f5db Blue Shades

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

#B4F5DB

#A2DDDF

#90C4E2

#7EACE6

#6C93E9

#5A7BED

#4862F1

#3649F4

#2431F8

#1218FB

Readability Analysis

#b4f5db as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.02	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.16	A	Sample Text
Blue	6.97	AA	Sample Text

#b4f5db as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.02	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.16	A	Sample Text
Blue	6.97	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#daebd6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e4e7df`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bcf0f2`
Protanopia	No red perception - Dichromacy	`#f0e6d3`
Deuteranopia	No green perception - Dichromacy	`#ffdfe1`
Tritanopia	No blue perception - Dichromacy	`#c1eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#d3ebe2`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#b4f5db - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4f5db Light Tints

#b4f5db Gray Shades

#b4f5db Dark Shades

#b4f5db Red Shades

#b4f5db Green Shades

#b4f5db Blue Shades

Readability Analysis

#b4f5db as Text Color

#b4f5db as Background Color

Color Blindness Simulation

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

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

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

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

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

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