0 views

#b4d9c2 - Color Information

#b4d9c2

Base Information

HEX

#b4d9c2

RGB

180,217,194

HSL

143,33,78

HSV

143,17,85

CMYK

17,0,11,15

LAB

84,-17,7

LCH

84,18,156

XYZ

53,63,60

Web Safe

#cccccc

Web Smart

#bbddbb

is dark

luminosity

0.6322

Pantone Color

Combinations

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

#b4d9c2

#D9B4CB

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

#b4d9c2

#D4B4D9

#D9B4B9

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

#b4d9c2

#C2B4D9

#D9C2B4

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

#b4d9c2

#B4B9D9

#D9B4CB

#D9D4B4

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

#b4d9c2

#D9B4CB

#D4B4D9

#D9B4B9

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

#b4d9c2

#B4D9D5

#B4CBD9

#B4B9D9

Shades

#b4d9c2 Light Tints

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

#B4D9C2

#BCDDC8

#C3E1CE

#CBE4D4

#D2E8DA

#DAECE1

#E1F0E7

#E9F4ED

#F0F7F3

#F8FBF9

#b4d9c2 Gray Shades

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

#B4D9C2

#AFD0BB

#AAC7B5

#A4BEAE

#9FB5A8

#9AADA1

#95A49A

#909B94

#8A928D

#858987

#b4d9c2 Dark Shades

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

#B4D9C2

#A2C3AF

#90AE9B

#7E9888

#6C8274

#5A6D61

#48574E

#36413A

#242B27

#121613

#b4d9c2 Red Shades

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

#B4D9C2

#BCC3AF

#C3AE9B

#CB9888

#D28274

#DA6D61

#E1574E

#E9413A

#F02B27

#F81613

#b4d9c2 Green Shades

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

#B4D9C2

#A2D0AF

#90C79B

#7EBE88

#6CB574

#5AAD61

#48A44E

#369B3A

#249227

#128913

#b4d9c2 Blue Shades

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

#B4D9C2

#A2C3C8

#90AECE

#7E98D4

#6C82DA

#5A6DE1

#4857E7

#3641ED

#242BF3

#1216F9

Readability Analysis

#b4d9c2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.64	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.58	AA	Sample Text

#b4d9c2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.64	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.34	A	Sample Text
Blue	5.58	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cbd2be`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d5cec4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b8d5d7`
Protanopia	No red perception - Dichromacy	`#d8cebc`
Deuteranopia	No green perception - Dichromacy	`#e8c8c6`
Tritanopia	No blue perception - Dichromacy	`#bad3e3`
Achromatomaly	Partial color blindness - Monochromacy	`#c5d3cb`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#b4d9c2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4d9c2 Light Tints

#b4d9c2 Gray Shades

#b4d9c2 Dark Shades

#b4d9c2 Red Shades

#b4d9c2 Green Shades

#b4d9c2 Blue Shades

Readability Analysis

#b4d9c2 as Text Color

#b4d9c2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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