#778232

#778232

Color Values

HEX

#778232

RGB

119, 130, 50

HSL

68,2, 44,4%, 35,3%

HSV

68,2, 61,5%, 51,0%

CMYK

8,5%, 0,0%, 61,5%, 49,0%

OKLCH

0,5804 0,1051 116,4

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#778232

#3D3282

Analogous

#826532

#4F8232

#778232

Triadic

#778232

#327782

#823277

Split Complementary

#778232

#324F82

#653282

Tetradic

#778232

#328265

#3D3282

#82324F

Color Blindness Simulation

Original

#778232

Protanopia

#7C7C45

Deuteranopia

#7B7A4A

Tritanopia

#785558

Achromatopsia

#7A7A7A

CSS Usage

background-color: #778232;
color: #778232;
border-color: #778232;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E7EBCB
300
#D6DDA7
400
#BFCB77
500
#A9B847
600
#879339
700
#6C762D
800
#545C23
900
#3F441D
950
#272B12

Contrast Checker

Text on white

4,18:1

AA Fail AAA Fail

Text on black

5,02:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026