0 views

#b4d6a5 - Color Information

#b4d6a5

Base Information

HEX

#b4d6a5

RGB

180,214,165

HSL

102,37,74

HSV

102,23,84

CMYK

16,0,23,16

LAB

82,-20,21

LCH

82,29,134

XYZ

50,61,45

Web Safe

#cccc99

Web Smart

#bbddaa

is dark

luminosity

0.6051

Pantone Color

Combinations

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

#b4d6a5

#C7A5D6

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

#b4d6a5

#AFA5D6

#D6A5CD

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

#b4d6a5

#A5B4D6

#D6A5B4

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

#b4d6a5

#A5CDD6

#C7A5D6

#D6AEA5

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

#b4d6a5

#C7A5D6

#AFA5D6

#D6A5CD

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

#b4d6a5

#A5D6AE

#A5D6C7

#A5CDD6

Shades

#b4d6a5 Light Tints

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

#B4D6A5

#BCDAAE

#C3DEB7

#CBE2C0

#D2E6C9

#DAEBD2

#E1EFDB

#E9F3E4

#F0F7ED

#F8FBF6

#b4d6a5 Gray Shades

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

#B4D6A5

#AFCDA1

#AAC59E

#A4BC9A

#9FB496

#9AAB93

#95A28F

#909A8B

#8A9187

#858984

#b4d6a5 Dark Shades

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

#B4D6A5

#A2C195

#90AB84

#7E9673

#6C8063

#5A6B53

#485642

#364031

#242B21

#121510

#b4d6a5 Red Shades

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

#B4D6A5

#BCC195

#C3AB84

#CB9673

#D28063

#DA6B53

#E15642

#E94031

#F02B21

#F81510

#b4d6a5 Green Shades

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

#B4D6A5

#A2CD95

#90C584

#7EBC73

#6CB463

#5AAB53

#48A242

#369A31

#249121

#128910

#b4d6a5 Blue Shades

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

#B4D6A5

#A2C1AE

#90ABB7

#7E96C0

#6C80C9

#5A6BD2

#4856DB

#3640E4

#242BED

#1215F6

Readability Analysis

#b4d6a5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.10	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.36	AA	Sample Text

#b4d6a5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.10	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cbcfa1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d8caa8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bad0c9`
Protanopia	No red perception - Dichromacy	`#d9cb9f`
Deuteranopia	No green perception - Dichromacy	`#ecc3a9`
Tritanopia	No blue perception - Dichromacy	`#bdcddd`
Achromatomaly	Partial color blindness - Monochromacy	`#c3cfbd`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#b4d6a5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4d6a5 Light Tints

#b4d6a5 Gray Shades

#b4d6a5 Dark Shades

#b4d6a5 Red Shades

#b4d6a5 Green Shades

#b4d6a5 Blue Shades

Readability Analysis

#b4d6a5 as Text Color

#b4d6a5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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