#225579

#225579

Color Values

HEX

#225579

RGB

34, 85, 121

HSL

204.8, 56.1%, 30.4%

HSV

204.8, 71.9%, 47.5%

CMYK

71.9%, 29.8%, 0.0%, 52.5%

OKLCH

0.4325 0.0806 242.7

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#225579

#794622

Analogous

#227971

#222A79

#225579

Triadic

#225579

#792255

#557922

Split Complementary

#225579

#79222A

#797122

Tetradic

#225579

#712279

#794622

#2A7922

Color Blindness Simulation

Original

#225579

Protanopia

#383970

Deuteranopia

#35316E

Tritanopia

#256968

Achromatopsia

#4D4D4D

CSS Usage

background-color: #225579;
color: #225579;
border-color: #225579;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7DFEF
300
#9FC8E4
400
#6CAAD6
500
#388CC7
600
#2D709F
700
#245A7F
800
#1C4664
900
#183549
950
#0F212E

Contrast Checker

Text on white

7.94:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026