#226482

#226482

Color Values

HEX

#226482

RGB

34, 100, 130

HSL

198.8, 58.5%, 32.2%

HSV

198.8, 73.8%, 51.0%

CMYK

73.8%, 23.1%, 0.0%, 49.0%

OKLCH

0.4757 0.081 231.9

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#226482

#824022

Analogous

#228270

#223482

#226482

Triadic

#226482

#822264

#648222

Split Complementary

#226482

#822234

#827022

Tetradic

#226482

#702282

#824022

#348222

Color Blindness Simulation

Original

#226482

Protanopia

#3F3F7B

Deuteranopia

#3B3679

Tritanopia

#257574

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F0F6
200
#C6E3F0
300
#9ECFE6
400
#69B5D8
500
#359BCA
600
#2A7CA2
700
#226381
800
#1A4E65
900
#173A4A
950
#0E252F

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026