0 views

#bafd3f - Color Information

#bafd3f

Base Information

HEX

#bafd3f

RGB

186,253,63

HSL

81,98,62

HSV

81,75,99

CMYK

26,0,75,1

LAB

92,-46,78

LCH

92,91,121

XYZ

56,81,17

Web Safe

#ccff33

Web Smart

#bbff44

is dark

luminosity

0.8105

Pantone Color

Combinations

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

#bafd3f

#823FFD

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

#bafd3f

#3F5BFD

#E13FFD

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

#bafd3f

#3FBAFD

#FD3FBA

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

#bafd3f

#3FFDE1

#823FFD

#FD3F5B

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

#bafd3f

#823FFD

#3F5BFD

#E13FFD

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

#bafd3f

#5BFD3F

#3FFD82

#3FFDE1

Shades

#bafd3f Light Tints

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

#BAFD3F

#C1FD52

#C8FD65

#CFFE79

#D6FE8C

#DDFE9F

#E3FEB2

#EAFEC5

#F1FFD9

#F8FFEC

#bafd3f Gray Shades

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

#BAFD3F

#B4F146

#AEE44C

#A9D853

#A3CB59

#9DBF60

#97B266

#91A66D

#8C9973

#868D7A

#bafd3f Dark Shades

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

#BAFD3F

#A7E439

#95CA32

#82B12C

#709826

#5D7F20

#4A6519

#384C13

#25330D

#131906

#bafd3f Red Shades

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

#BAFD3F

#C1E439

#C8CA32

#CFB12C

#D69826

#DD7F20

#E36519

#EA4C13

#F1330D

#F81906

#bafd3f Green Shades

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

#BAFD3F

#A7F139

#95E432

#82D82C

#70CB26

#5DBF20

#4AB219

#38A613

#25990D

#138D06

#bafd3f Blue Shades

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

#BAFD3F

#A7E452

#95CA65

#82B179

#70988C

#5D7F9F

#4A65B2

#384CC5

#2533D9

#1319EC

Readability Analysis

#bafd3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.21	AAA	Sample Text
Red	3.28	A	Sample Text
Green	4.21	A	Sample Text
Blue	7.04	AAA	Sample Text

#bafd3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.21	AAA	Sample Text
Red	3.28	A	Sample Text
Green	4.21	A	Sample Text
Blue	7.04	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e6f069`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e6ed93`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#caf2b8`
Protanopia	No red perception - Dichromacy	`#ffe881`
Deuteranopia	No green perception - Dichromacy	`#ffe4c3`
Tritanopia	No blue perception - Dichromacy	`#d3ebfe`
Achromatomaly	Partial color blindness - Monochromacy	`#d3eba6`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#bafd3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#bafd3f Light Tints

#bafd3f Gray Shades

#bafd3f Dark Shades

#bafd3f Red Shades

#bafd3f Green Shades

#bafd3f Blue Shades

Readability Analysis

#bafd3f as Text Color

#bafd3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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