#228276

#228276

Color Values

HEX

#228276

RGB

34, 130, 118

HSL

172.5, 58.5%, 32.2%

HSV

172.5, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 9.2%, 49.0%

OKLCH

0.5496 0.088 182.8

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#228276

#82222E

Analogous

#228246

#225E82

#228276

Triadic

#228276

#762282

#827622

Split Complementary

#228276

#82225E

#824622

Tetradic

#228276

#462282

#82222E

#5E8222

Color Blindness Simulation

Original

#228276

Protanopia

#4C4C79

Deuteranopia

#463F7A

Tritanopia

#277B7C

Achromatopsia

#6D6D6D

CSS Usage

background-color: #228276;
color: #228276;
border-color: #228276;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E4F6F4
200
#C6F0EB
300
#9EE6DD
400
#69D8CA
500
#35CAB7
600
#2AA293
700
#228175
800
#1A655C
900
#174A44
950
#0E2F2B

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026