#3972AC

#3972AC

Color Values

HEX

#3972AC

RGB

57, 114, 172

HSL

210,3, 50,2%, 44,9%

HSV

210,3, 66,9%, 67,5%

CMYK

66,9%, 33,7%, 0,0%, 32,5%

OKLCH

0,5409 0,1093 250,9

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#3972AC

#AC7339

Analogous

#39ABAC

#3A39AC

#3972AC

Triadic

#3972AC

#AC3972

#72AC39

Split Complementary

#3972AC

#AC3A39

#ABAC39

Tetradic

#3972AC

#AC39AB

#AC7339

#39AC3A

Color Blindness Simulation

Original

#3972AC

Protanopia

#52529E

Deuteranopia

#4E4A9B

Tritanopia

#3C9390

Achromatopsia

#6A6A6A

CSS Usage

background-color: #3972AC;
color: #3972AC;
border-color: #3972AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DBED
300
#A3C1E1
400
#71A0D0
500
#3F7FC0
600
#336599
700
#29517B
800
#203F60
900
#1B3046
950
#111E2C

Contrast Checker

Text on white

5,03:1

AA Pass AAA Fail

Text on black

4,18: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