#216368

#216368

Color Values

HEX

#216368

RGB

33, 99, 104

HSL

184.2, 51.8%, 26.9%

HSV

184.2, 68.3%, 40.8%

CMYK

68.3%, 4.8%, 0.0%, 59.2%

OKLCH

0.4608 0.0655 202.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#216368

#682621

Analogous

#21684A

#214068

#216368

Triadic

#216368

#682163

#636821

Split Complementary

#216368

#682140

#684A21

Tetradic

#216368

#4A2168

#682621

#406821

Color Blindness Simulation

Original

#216368

Protanopia

#3E3E67

Deuteranopia

#3A3566

Tritanopia

#246666

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9EBEE
300
#A2DDE2
400
#70CBD2
500
#3DB8C2
600
#31939B
700
#27767C
800
#1F5C61
900
#1A4447
950
#102B2D

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

3.05: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