#468249

#468249

Color Values

HEX

#468249

RGB

70, 130, 73

HSL

123.0, 30.0%, 39.2%

HSV

123.0, 46.2%, 51.0%

CMYK

46.2%, 0.0%, 43.8%, 49.0%

OKLCH

0.5509 0.1069 145.0

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#468249

#82467F

Analogous

#618246

#468267

#468249

Triadic

#468249

#494682

#824946

Split Complementary

#468249

#674682

#824661

Tetradic

#468249

#466182

#82467F

#826746

Color Blindness Simulation

Original

#468249

Protanopia

#606157

Deuteranopia

#5C585A

Tritanopia

#496264

Achromatopsia

#717171

CSS Usage

background-color: #468249;
color: #468249;
border-color: #468249;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D1E6D2
300
#AFD4B1
400
#84BD87
500
#59A65D
600
#47854A
700
#396A3C
800
#2D532F
900
#233E25
950
#162717

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026