#224851

#224851

Color Values

HEX

#224851

RGB

34, 72, 81

HSL

191.5, 40.9%, 22.5%

HSV

191.5, 58.0%, 31.8%

CMYK

58.0%, 11.1%, 0.0%, 68.2%

OKLCH

0.3777 0.0457 215.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#224851

#512B22

Analogous

#225142

#223051

#224851

Triadic

#224851

#512248

#485122

Split Complementary

#224851

#512230

#514222

Tetradic

#224851

#422251

#512B22

#305122

Color Blindness Simulation

Original

#224851

Protanopia

#32334F

Deuteranopia

#302D4E

Tritanopia

#244D4D

Achromatopsia

#414141

CSS Usage

background-color: #224851;
color: #224851;
border-color: #224851;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE4EA
300
#A9D1DB
400
#7AB8C7
500
#4BA0B4
600
#3C8090
700
#306673
800
#26505A
900
#1F3B42
950
#13262A

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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