#1658AF

#1658AF

Color Values

HEX

#1658AF

RGB

22, 88, 175

HSL

214,1, 77,7%, 38,6%

HSV

214,1, 87,4%, 68,6%

CMYK

87,4%, 49,7%, 0,0%, 31,4%

OKLCH

0,4721 0,1531 257,5

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#1658AF

#AF6D16

Analogous

#16A4AF

#2016AF

#1658AF

Triadic

#1658AF

#AF1658

#58AF16

Split Complementary

#1658AF

#AF2016

#A4AF16

Tetradic

#1658AF

#AF16A4

#AF6D16

#16AF20

Color Blindness Simulation

Original

#1658AF

Protanopia

#33339A

Deuteranopia

#2F2A95

Tritanopia

#198986

Achromatopsia

#505050

CSS Usage

background-color: #1658AF;
color: #1658AF;
border-color: #1658AF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0D8F7
300
#92BBF1
400
#5797EA
500
#1C72E3
600
#175BB5
700
#124991
800
#0E3971
900
#0F2C52
950
#091C34

Contrast Checker

Text on white

6,89:1

AA Pass AAA Fail

Text on black

3,05: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