0 views

#b4d9a7 - Color Information

#b4d9a7

Base Information

HEX

#b4d9a7

RGB

180,217,167

HSL

104,40,75

HSV

104,23,85

CMYK

17,0,23,15

LAB

83,-21,21

LCH

83,30,136

XYZ

51,62,46

Web Safe

#cccc99

Web Smart

#bbddaa

is dark

luminosity

0.6212

Pantone Color

Combinations

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

#b4d9a7

#CCA7D9

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

#b4d9a7

#B3A7D9

#D9A7CD

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

#b4d9a7

#A7B4D9

#D9A7B4

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

#b4d9a7

#A7CDD9

#CCA7D9

#D9B3A7

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

#b4d9a7

#CCA7D9

#B3A7D9

#D9A7CD

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

#b4d9a7

#A7D9B3

#A7D9CC

#A7CDD9

Shades

#b4d9a7 Light Tints

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

#B4D9A7

#BCDDB0

#C3E1B9

#CBE4C1

#D2E8CA

#DAECD3

#E1F0DC

#E9F4E5

#F0F7ED

#F8FBF6

#b4d9a7 Gray Shades

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

#B4D9A7

#AFD0A3

#AAC79F

#A4BE9B

#9FB597

#9AAD94

#95A490

#909B8C

#8A9288

#858984

#b4d9a7 Dark Shades

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

#B4D9A7

#A2C396

#90AE86

#7E9875

#6C8264

#5A6D54

#485743

#364132

#242B21

#121611

#b4d9a7 Red Shades

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

#B4D9A7

#BCC396

#C3AE86

#CB9875

#D28264

#DA6D54

#E15743

#E94132

#F02B21

#F81611

#b4d9a7 Green Shades

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

#B4D9A7

#A2D096

#90C786

#7EBE75

#6CB564

#5AAD54

#48A443

#369B32

#249221

#128911

#b4d9a7 Blue Shades

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

#B4D9A7

#A2C3B0

#90AEB9

#7E98C1

#6C82CA

#5A6DD3

#4857DC

#3641E5

#242BED

#1216F6

Readability Analysis

#b4d9a7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.42	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.49	AA	Sample Text

#b4d9a7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.42	AAA	Sample Text
Red	2.56	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	`#cdd1a3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d9cdaa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bad3cb`
Protanopia	No red perception - Dichromacy	`#dbcda1`
Deuteranopia	No green perception - Dichromacy	`#efc5ab`
Tritanopia	No blue perception - Dichromacy	`#bed0e0`
Achromatomaly	Partial color blindness - Monochromacy	`#c4d2c0`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#b4d9a7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4d9a7 Light Tints

#b4d9a7 Gray Shades

#b4d9a7 Dark Shades

#b4d9a7 Red Shades

#b4d9a7 Green Shades

#b4d9a7 Blue Shades

Readability Analysis

#b4d9a7 as Text Color

#b4d9a7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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