0 views

#baf00f - Color Information

#baf00f

Base Information

HEX

#baf00f

RGB

186,240,15

HSL

74,88,50

HSV

74,94,94

CMYK

23,0,94,6

LAB

88,-42,85

LCH

88,95,116

XYZ

51,73,12

Web Safe

#ccff00

Web Smart

#bbee11

is dark

luminosity

0.7279

Pantone Color

Combinations

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

#baf00f

#450FF0

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

#baf00f

#0F4AF0

#B50FF0

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

#baf00f

#0FBAF0

#F00FBA

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

#baf00f

#0FF0B5

#450FF0

#F00F4A

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

#baf00f

#450FF0

#0F4AF0

#B50FF0

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

#baf00f

#4AF00F

#0FF045

#0FF0B5

Shades

#baf00f Light Tints

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

#BAF00F

#C1F227

#C8F33F

#CFF557

#D6F66F

#DDF887

#E3F99F

#EAFBB7

#F1FCCF

#F8FEE7

#baf00f Gray Shades

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

#BAF00F

#B4E51A

#AEDA26

#A9CE31

#A3C33C

#9DB848

#97AD53

#91A25E

#8C9669

#868B75

#baf00f Dark Shades

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

#BAF00F

#A7D80E

#95C00C

#82A80B

#709009

#5D7808

#4A6006

#384804

#253003

#131801

#baf00f Red Shades

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

#BAF00F

#C1D80E

#C8C00C

#CFA80B

#D69009

#DD7808

#E36006

#EA4804

#F13003

#F81801

#baf00f Green Shades

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

#BAF00F

#A7E50E

#95DA0C

#82CE0B

#70C309

#5DB808

#4AAD06

#38A204

#259603

#138B01

#baf00f Blue Shades

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

#BAF00F

#A7D827

#95C03F

#82A857

#70906F

#5D7887

#4A609F

#3848B7

#2530CF

#1318E7

Readability Analysis

#baf00f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.56	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

#baf00f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.56	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e3e40f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e6e06a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c8e59e`
Protanopia	No red perception - Dichromacy	`#fadd0e`
Deuteranopia	No green perception - Dichromacy	`#ffd79f`
Tritanopia	No blue perception - Dichromacy	`#d1def0`
Achromatomaly	Partial color blindness - Monochromacy	`#cbde8d`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#baf00f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf00f Light Tints

#baf00f Gray Shades

#baf00f Dark Shades

#baf00f Red Shades

#baf00f Green Shades

#baf00f Blue Shades

Readability Analysis

#baf00f as Text Color

#baf00f as Background Color

Color Blindness Simulation

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

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

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

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

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

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