#216862

#216862

Color Values

HEX

#216862

RGB

33, 104, 98

HSL

174.9, 51.8%, 26.9%

HSV

174.9, 68.3%, 40.8%

CMYK

68.3%, 0.0%, 5.8%, 59.2%

OKLCH

0.4721 0.0698 187.1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#216862

#682127

Analogous

#21683F

#214B68

#216862

Triadic

#216862

#622168

#686221

Split Complementary

#216862

#68214B

#683F21

Tetradic

#216862

#3F2168

#682127

#4B6821

Color Blindness Simulation

Original

#216862

Protanopia

#404063

Deuteranopia

#3C3664

Tritanopia

#256565

Achromatopsia

#585858

CSS Usage

background-color: #216862;
color: #216862;
border-color: #216862;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEB
300
#A2E2DC
400
#70D2C9
500
#3DC2B6
600
#319B92
700
#277C75
800
#1F615B
900
#1A4743
950
#102D2A

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

3.22:1

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