#227482

#227482

Color Values

HEX

#227482

RGB

34, 116, 130

HSL

188.8, 58.5%, 32.2%

HSV

188.8, 73.8%, 51.0%

CMYK

73.8%, 10.8%, 0.0%, 49.0%

OKLCH

0.5171 0.0787 211.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#227482

#823022

Analogous

#228260

#224482

#227482

Triadic

#227482

#822274

#748222

Split Complementary

#227482

#822244

#826022

Tetradic

#227482

#602282

#823022

#448222

Color Blindness Simulation

Original

#227482

Protanopia

#46467F

Deuteranopia

#413B7E

Tritanopia

#267C7B

Achromatopsia

#646464

CSS Usage

background-color: #227482;
color: #227482;
border-color: #227482;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFB
100
#E4F3F6
200
#C6EAF0
300
#9EDBE6
400
#69C8D8
500
#35B4CA
600
#2A90A2
700
#227381
800
#1A5A65
900
#17424A
950
#0E2A2F

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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