#228263

#228263

Color Values

HEX

#228263

RGB

34, 130, 99

HSL

160.6, 58.5%, 32.2%

HSV

160.6, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 23.8%, 49.0%

OKLCH

0.5438 0.1001 166.7

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#228263

#822241

Analogous

#228233

#227182

#228263

Triadic

#228263

#632282

#826322

Split Complementary

#228263

#822271

#823322

Tetradic

#228263

#332282

#822241

#718222

Color Blindness Simulation

Original

#228263

Protanopia

#4C4C6A

Deuteranopia

#463F6C

Tritanopia

#277072

Achromatopsia

#6B6B6B

CSS Usage

background-color: #228263;
color: #228263;
border-color: #228263;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FBF9
100
#E4F6F0
200
#C6F0E3
300
#9EE6CE
400
#69D8B4
500
#35CA9A
600
#2AA27B
700
#228162
800
#1A654D
900
#174A39
950
#0E2F24

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026