#226471

#226471

Color Values

HEX

#226471

RGB

34, 100, 113

HSL

189.9, 53.7%, 28.8%

HSV

189.9, 69.9%, 44.3%

CMYK

69.9%, 11.5%, 0.0%, 55.7%

OKLCH

0.4676 0.0681 213.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#226471

#712F22

Analogous

#227156

#223C71

#226471

Triadic

#226471

#712264

#647122

Split Complementary

#226471

#71223C

#715622

Tetradic

#226471

#562271

#712F22

#3C7122

Color Blindness Simulation

Original

#226471

Protanopia

#3F3F6E

Deuteranopia

#3B366D

Tritanopia

#256B6B

Achromatopsia

#575757

CSS Usage

background-color: #226471;
color: #226471;
border-color: #226471;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E8EE
300
#A1D8E3
400
#6EC3D3
500
#3BADC4
600
#2F8B9D
700
#266F7D
800
#1E5762
900
#194048
950
#10292D

Contrast Checker

Text on white

6.71:1

AA Pass AAA Fail

Text on black

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