0 views

#b0d77f - Color Information

#b0d77f

Base Information

HEX

#b0d77f

RGB

176,215,127

HSL

87,52,67

HSV

87,41,84

CMYK

18,0,41,16

LAB

81,-28,39

LCH

81,48,125

XYZ

46,59,29

Web Safe

#99cc66

Web Smart

#aadd77

is dark

luminosity

0.5936

Pantone Color

Combinations

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

#b0d77f

#A67FD7

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

#b0d77f

#7F84D7

#D27FD7

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

#b0d77f

#7FB0D7

#D77FB0

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

#b0d77f

#7FD7D2

#A67FD7

#D77F84

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

#b0d77f

#A67FD7

#7F84D7

#D27FD7

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

#b0d77f

#84D77F

#7FD7A6

#7FD7D2

Shades

#b0d77f Light Tints

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

#B0D77F

#B8DB8C

#C0DF99

#C8E3A5

#D0E7B2

#D8EBBF

#DFEFCC

#E7F3D9

#EFF7E5

#F7FBF2

#b0d77f Gray Shades

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

#B0D77F

#ABCE7F

#A6C67F

#A2BD7F

#9DB47F

#98AC80

#93A380

#8E9A80

#8A9180

#858980

#b0d77f Dark Shades

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

#B0D77F

#9EC272

#8DAC66

#7B9759

#6A814C

#586C40

#465633

#354026

#232B19

#12150D

#b0d77f Red Shades

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

#B0D77F

#B8C272

#C0AC66

#C89759

#D0814C

#D86C40

#DF5633

#E74026

#EF2B19

#F7150D

#b0d77f Green Shades

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

#B0D77F

#9ECE72

#8DC666

#7BBD59

#6AB44C

#58AC40

#46A333

#359A26

#239119

#12890D

#b0d77f Blue Shades

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

#B0D77F

#9EC28C

#8DAC99

#7B97A5

#6A81B2

#586CBF

#4656CC

#3540D9

#232BE5

#1215F2

Readability Analysis

#b0d77f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.87	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.27	AA	Sample Text

#b0d77f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.87	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.27	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cdce7c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbc983`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b9cfb9`
Protanopia	No red perception - Dichromacy	`#ddc97a`
Deuteranopia	No green perception - Dichromacy	`#f4c085`
Tritanopia	No blue perception - Dichromacy	`#becbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#bfceae`
Achromatopsia	Complete color blindness - Monochromacy	`#c8c8c8`

#b0d77f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b0d77f Light Tints

#b0d77f Gray Shades

#b0d77f Dark Shades

#b0d77f Red Shades

#b0d77f Green Shades

#b0d77f Blue Shades

Readability Analysis

#b0d77f as Text Color

#b0d77f as Background Color

Color Blindness Simulation

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

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

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

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

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

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