#155A8C

#155A8C

Color Values

HEX

#155A8C

RGB

21, 90, 140

HSL

205.2, 73.9%, 31.6%

HSV

205.2, 85.0%, 54.9%

CMYK

85.0%, 35.7%, 0.0%, 45.1%

OKLCH

0.4525 0.1046 245.7

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#155A8C

#8C4715

Analogous

#158C83

#151F8C

#155A8C

Triadic

#155A8C

#8C155A

#5A8C15

Split Complementary

#155A8C

#8C151F

#8C8315

Tetradic

#155A8C

#83158C

#8C4715

#1F8C15

Color Blindness Simulation

Original

#155A8C

Protanopia

#333380

Deuteranopia

#2F2A7D

Tritanopia

#187674

Achromatopsia

#4F4F4F

CSS Usage

background-color: #155A8C;
color: #155A8C;
border-color: #155A8C;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1E0F6
300
#95C9EF
400
#5BACE6
500
#218FDE
600
#1B72B1
700
#155B8E
800
#11476F
900
#103651
950
#0A2233

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

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