2 views

#85f154 - Color Information

#85f154

Base Information

HEX

#85f154

RGB

133,241,84

HSL

101,85,64

HSV

101,65,95

CMYK

45,0,65,5

LAB

86,-58,64

LCH

86,86,132

XYZ

43,69,19

Web Safe

#99ff66

Web Smart

#88ee55

luminosity

0.6854

is dark color

Generate #85f154 solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#85f154

#C054F1

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

#85f154

#7154F1

#F154D4

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

#85f154

#5485F1

#F15485

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

#85f154

#54D4F1

#C054F1

#F17154

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

#85f154

#C054F1

#7154F1

#F154D4

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

#85f154

#54F171

#54F1C0

#54D4F1

Shades

#85f154 Light Tints

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

#85F154

#91F265

#9DF476

#AAF587

#B6F798

#C2F8AA

#CEF9BB

#DAFBCC

#E7FCDD

#F3FEEE

#85f154 Gray Shades

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

#85F154

#85E658

#84DA5D

#84CF61

#83C466

#83B96A

#82AD6E

#82A273

#819777

#818B7C

#85f154 Dark Shades

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

#85F154

#78D94C

#6AC143

#5DA93B

#509132

#43792A

#356022

#284819

#1B3011

#0D1808

#85f154 Red Shades

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

#85F154

#91D94C

#9DC143

#AAA93B

#B69132

#C2792A

#CE6022

#DA4819

#E73011

#F31808

#85f154 Green Shades

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

#85F154

#78E64C

#6ADA43

#5DCF3B

#50C432

#43B92A

#35AD22

#28A219

#1B9711

#0D8B08

#85f154 Blue Shades

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

#85F154

#78D965

#6AC176

#5DA987

#509198

#4379AA

#3560BB

#2848CC

#1B30DD

#0D18EE

Readability Analysis

#85f154 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.71	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.02	AA	Sample Text

#85f154 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.71	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.02	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cae150`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d3db79`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#98e7b9`
Protanopia	No red perception - Dichromacy	`#f1d74e`
Deuteranopia	No green perception - Dichromacy	`#ffcf8e`
Tritanopia	No blue perception - Dichromacy	`#a4e1f2`
Achromatomaly	Partial color blindness - Monochromacy	`#b4dba2`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#85f154 Color Code

Name	Code
#85f154 css background color code	`.bg { background-color: #85f154; }`
#85f154 css text color code	`.text { color: #85f154; }`
#85f154 css border color code	`.border { border-color: #85f154; }`

#85f154 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #85f154 solid background color

Combinations

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

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

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

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

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

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

Shades

#85f154 Light Tints

#85f154 Gray Shades

#85f154 Dark Shades

#85f154 Red Shades

#85f154 Green Shades

#85f154 Blue Shades

Readability Analysis

#85f154 as Text Color

#85f154 as Background Color

Color Blindness Simulation

#85f154 Color Code

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

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

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

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

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

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