0 views

#b4ed1f - Color Information

#b4ed1f

Base Information

HEX

#b4ed1f

RGB

180,237,31

HSL

77,85,53

HSV

77,87,93

CMYK

24,0,87,7

LAB

87,-43,81

LCH

87,92,118

XYZ

49,70,12

Web Safe

#ccff33

Web Smart

#bbee22

is dark

luminosity

0.7037

Pantone Color

Combinations

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

#b4ed1f

#581FED

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

#b4ed1f

#1F4DED

#BF1FED

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

#b4ed1f

#1FB4ED

#ED1FB4

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

#b4ed1f

#1FEDBF

#581FED

#ED1F4D

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

#b4ed1f

#581FED

#1F4DED

#BF1FED

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

#b4ed1f

#4DED1F

#1FED58

#1FEDBF

Shades

#b4ed1f Light Tints

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

#B4ED1F

#BCEF35

#C3F14C

#CBF262

#D2F479

#DAF68F

#E1F8A5

#E9FABC

#F0FBD2

#F8FDE9

#b4ed1f Gray Shades

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

#B4ED1F

#AFE229

#AAD732

#A4CC3C

#9FC146

#9AB750

#95AC59

#90A163

#8A966D

#858B76

#b4ed1f Dark Shades

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

#B4ED1F

#A2D51C

#90BE19

#7EA616

#6C8E13

#5A7710

#485F0C

#364709

#242F06

#121803

#b4ed1f Red Shades

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

#B4ED1F

#BCD51C

#C3BE19

#CBA616

#D28E13

#DA7710

#E15F0C

#E94709

#F02F06

#F81803

#b4ed1f Green Shades

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

#B4ED1F

#A2E21C

#90D719

#7ECC16

#6CC113

#5AB710

#48AC0C

#36A109

#249606

#128B03

#b4ed1f Blue Shades

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

#B4ED1F

#A2D535

#90BE4C

#7EA662

#6C8E79

#5A778F

#485FA5

#3647BC

#242FD2

#1218E9

Readability Analysis

#b4ed1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.07	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#b4ed1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.07	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dee11f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e4dc69`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2e2a2`
Protanopia	No red perception - Dichromacy	`#f6da1f`
Deuteranopia	No green perception - Dichromacy	`#ffd393`
Tritanopia	No blue perception - Dichromacy	`#cbdbed`
Achromatomaly	Partial color blindness - Monochromacy	`#c7dc91`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#b4ed1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4ed1f Light Tints

#b4ed1f Gray Shades

#b4ed1f Dark Shades

#b4ed1f Red Shades

#b4ed1f Green Shades

#b4ed1f Blue Shades

Readability Analysis

#b4ed1f as Text Color

#b4ed1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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