0 views

#5f753b - Color Information

#5f753b

Base Information

HEX

#5f753b

RGB

95,117,59

HSL

83,33,35

HSV

83,50,46

CMYK

19,0,50,54

LAB

46,-18,29

LCH

46,35,122

XYZ

12,15,6

Web Safe

#666633

Web Smart

#667733

luminosity

0.1547

is dark color

Yes

Generate #5f753b solid background color

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

Combinations

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

#5f753b

#513B75

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

#5f753b

#3B4275

#6E3B75

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

#5f753b

#3B5F75

#753B5F

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

#5f753b

#3B756E

#513B75

#753B42

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

#5f753b

#513B75

#3B4275

#6E3B75

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

#5f753b

#42753B

#3B7551

#3B756E

Shades

#5f753b Light Tints

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

#5F753B

#6F834F

#7F9162

#8F9E76

#9FAC89

#AFBA9D

#BFC8B1

#CFD6C4

#DFE3D8

#EFF1EB

#5f753b Gray Shades

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

#5F753B

#627642

#667749

#697850

#6C7957

#707B5E

#737C64

#767D6B

#797E72

#7D7F79

#5f753b Dark Shades

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

#5F753B

#566935

#4C5E2F

#435229

#394623

#303B1E

#262F18

#1C2312

#13170C

#090C06

#5f753b Red Shades

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

#5F753B

#6F6935

#7F5E2F

#8F5229

#9F4623

#AF3B1E

#BF2F18

#CF2312

#DF170C

#EF0C06

#5f753b Green Shades

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

#5F753B

#567635

#4C772F

#437829

#397923

#307B1E

#267C18

#1C7D12

#137E0C

#097F06

#5f753b Blue Shades

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

#5F753B

#56694F

#4C5E62

#435276

#394689

#303B9D

#262FB1

#1C23C4

#1317D8

#090CEB

Readability Analysis

#5f753b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.13	AA	Sample Text
Black	4.09	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

#5f753b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.13	AA	Sample Text
Black	4.09	A	Sample Text
Red	1.28	Fail	Sample Text
Green	1.00	Fail	Sample Text
Blue	1.68	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#6f703b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#786d3f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#657061`
Protanopia	No red perception - Dichromacy	`#796d3b`
Deuteranopia	No green perception - Dichromacy	`#866841`
Tritanopia	No blue perception - Dichromacy	`#686e76`
Achromatomaly	Partial color blindness - Monochromacy	`#676f5a`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#5f753b Color Code

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

#5f753b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #5f753b solid background color

Combinations

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

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

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

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

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

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

Shades

#5f753b Light Tints

#5f753b Gray Shades

#5f753b Dark Shades

#5f753b Red Shades

#5f753b Green Shades

#5f753b Blue Shades

Readability Analysis

#5f753b as Text Color

#5f753b as Background Color

Color Blindness Simulation

#5f753b Color Code

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

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

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

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

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

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