#195A89

#195A89

Color Values

HEX

#195A89

RGB

25, 90, 137

HSL

205.2, 69.1%, 31.8%

HSV

205.2, 81.8%, 53.7%

CMYK

81.8%, 34.3%, 0.0%, 46.3%

OKLCH

0.4516 0.0997 245.0

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#195A89

#894819

Analogous

#198980

#192289

#195A89

Triadic

#195A89

#89195A

#5A8919

Split Complementary

#195A89

#891922

#898019

Tetradic

#195A89

#801989

#894819

#228919

Color Blindness Simulation

Original

#195A89

Protanopia

#35367E

Deuteranopia

#312C7B

Tritanopia

#1C7573

Achromatopsia

#505050

CSS Usage

background-color: #195A89;
color: #195A89;
border-color: #195A89;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3DFF4
300
#98C9EC
400
#5FABE2
500
#278ED8
600
#2071AC
700
#195B8A
800
#14476C
900
#12354F
950
#0C2232

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

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