#227282

#227282

Color Values

HEX

#227282

RGB

34, 114, 130

HSL

190.0, 58.5%, 32.2%

HSV

190.0, 73.8%, 51.0%

CMYK

73.8%, 12.3%, 0.0%, 49.0%

OKLCH

0.5119 0.0784 214.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#227282

#823222

Analogous

#228262

#224282

#227282

Triadic

#227282

#822272

#728222

Split Complementary

#227282

#822242

#826222

Tetradic

#227282

#622282

#823222

#428222

Color Blindness Simulation

Original

#227282

Protanopia

#45457E

Deuteranopia

#403A7D

Tritanopia

#267B7A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E4F3F6
200
#C6E9F0
300
#9EDAE6
400
#69C5D8
500
#35B1CA
600
#2A8EA2
700
#227181
800
#1A5965
900
#17414A
950
#0E292F

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026