#227599

#227599

Color Values

HEX

#227599

RGB

34, 117, 153

HSL

198.2, 63.6%, 36.7%

HSV

198.2, 77.8%, 60.0%

CMYK

77.8%, 23.5%, 0.0%, 40.0%

OKLCH

0.5304 0.0949 231.6

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#227599

#994622

Analogous

#229982

#223999

#227599

Triadic

#227599

#992275

#759922

Split Complementary

#227599

#992239

#998222

Tetradic

#227599

#822299

#994622

#399922

Color Blindness Simulation

Original

#227599

Protanopia

#464790

Deuteranopia

#413B8E

Tritanopia

#268988

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E4F2
300
#9BD1E9
400
#65B8DD
500
#2E9FD1
600
#2580A7
700
#1E6685
800
#175068
900
#153B4C
950
#0D2530

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026