#224148

#224148

Color Values

HEX

#224148

RGB

34, 65, 72

HSL

191.1, 35.8%, 20.8%

HSV

191.1, 52.8%, 28.2%

CMYK

52.8%, 9.7%, 0.0%, 71.8%

OKLCH

0.3544 0.0387 213.9

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#224148

#482922

Analogous

#22483C

#222E48

#224148

Triadic

#224148

#482241

#414822

Split Complementary

#224148

#48222E

#483C22

Tetradic

#224148

#3C2248

#482922

#2E4822

Color Blindness Simulation

Original

#224148

Protanopia

#2F3046

Deuteranopia

#2E2B46

Tritanopia

#244545

Achromatopsia

#3B3B3B

CSS Usage

background-color: #224148;
color: #224148;
border-color: #224148;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE3E8
300
#ACD0D8
400
#7FB6C2
500
#529CAD
600
#417D8B
700
#34646F
800
#294E57
900
#213A40
950
#152528

Contrast Checker

Text on white

10.95:1

AA Pass AAA Pass

Text on black

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