#3983BA

#3983BA

Color Values

HEX

#3983BA

RGB

57, 131, 186

HSL

205.6, 53.1%, 47.6%

HSV

205.6, 69.4%, 72.9%

CMYK

69.4%, 29.6%, 0.0%, 27.1%

OKLCH

0.5883 0.1117 243.9

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#3983BA

#BA7039

Analogous

#39BAB0

#3942BA

#3983BA

Triadic

#3983BA

#BA3983

#83BA39

Split Complementary

#3983BA

#BA3942

#BAB039

Tetradic

#3983BA

#B039BA

#BA7039

#42BA39

Color Blindness Simulation

Original

#3983BA

Protanopia

#595AAD

Deuteranopia

#554FAA

Tritanopia

#3DA2A0

Achromatopsia

#777777

CSS Usage

background-color: #3983BA;
color: #3983BA;
border-color: #3983BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C8DEEE
300
#A1C7E2
400
#6FA8D3
500
#3C89C3
600
#306E9C
700
#26587D
800
#1E4562
900
#193448
950
#10212D

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026