#214525

#214525

Color Values

HEX

#214525

RGB

33, 69, 37

HSL

126.7, 35.3%, 20.0%

HSV

126.7, 52.2%, 27.1%

CMYK

52.2%, 0.0%, 46.4%, 72.9%

OKLCH

0.354 0.0687 146.3

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#214525

#452141

Analogous

#2F4521

#214537

#214525

Triadic

#214525

#252145

#452521

Split Complementary

#214525

#372145

#45212F

Tetradic

#214525

#212F45

#452141

#453721

Color Blindness Simulation

Original

#214525

Protanopia

#31312D

Deuteranopia

#2E2C2F

Tritanopia

#233334

Achromatopsia

#3B3B3B

CSS Usage

background-color: #214525;
color: #214525;
border-color: #214525;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF6
100
#E8F3E9
200
#CFE8D2
300
#ACD7B1
400
#7FC287
500
#52AD5D
600
#428A4A
700
#356E3B
800
#29562E
900
#214024
950
#152817

Contrast Checker

Text on white

10.81:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail 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