#185EAF

#185EAF

Color Values

HEX

#185EAF

RGB

24, 94, 175

HSL

212.2, 75.9%, 39.0%

HSV

212.2, 86.3%, 68.6%

CMYK

86.3%, 46.3%, 0.0%, 31.4%

OKLCH

0.486 0.1455 255.4

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#185EAF

#AF6918

Analogous

#18A9AF

#1E18AF

#185EAF

Triadic

#185EAF

#AF185E

#5EAF18

Split Complementary

#185EAF

#AF1E18

#A9AF18

Tetradic

#185EAF

#AF18A9

#AF6918

#18AF1E

Color Blindness Simulation

Original

#185EAF

Protanopia

#36379B

Deuteranopia

#322D97

Tritanopia

#1B8C89

Achromatopsia

#555555

CSS Usage

background-color: #185EAF;
color: #185EAF;
border-color: #185EAF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F6
300
#93BEF0
400
#599BE8
500
#1F78E0
600
#1960B3
700
#144D90
800
#0F3C70
900
#0F2E52
950
#0A1D34

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026