#1F6484

#1F6484

Color Values

HEX

#1F6484

RGB

31, 100, 132

HSL

199.0, 62.0%, 32.0%

HSV

199.0, 76.5%, 51.8%

CMYK

76.5%, 24.2%, 0.0%, 48.2%

OKLCH

0.4758 0.0843 232.9

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#1F6484

#843F1F

Analogous

#1F8472

#1F3284

#1F6484

Triadic

#1F6484

#841F64

#64841F

Split Complementary

#1F6484

#841F32

#84721F

Tetradic

#1F6484

#721F84

#843F1F

#32841F

Color Blindness Simulation

Original

#1F6484

Protanopia

#3D3D7C

Deuteranopia

#39347A

Tritanopia

#227675

Achromatopsia

#585858

CSS Usage

background-color: #1F6484;
color: #1F6484;
border-color: #1F6484;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E3F1
300
#9CD0E8
400
#66B6DB
500
#309CCF
600
#277DA5
700
#1F6484
800
#184E67
900
#153A4B
950
#0E2530

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026