#3975BB

#3975BB

Color Values

HEX

#3975BB

RGB

57, 117, 187

HSL

212.3, 53.3%, 47.8%

HSV

212.3, 69.5%, 73.3%

CMYK

69.5%, 37.4%, 0.0%, 26.7%

OKLCH

0.5565 0.1259 253.9

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#3975BB

#BB7F39

Analogous

#39B6BB

#3E39BB

#3975BB

Triadic

#3975BB

#BB3975

#75BB39

Split Complementary

#3975BB

#BB3E39

#B6BB39

Tetradic

#3975BB

#BB39B6

#BB7F39

#39BB3E

Color Blindness Simulation

Original

#3975BB

Protanopia

#5354AA

Deuteranopia

#504BA6

Tritanopia

#3C9D9A

Achromatopsia

#6D6D6D

CSS Usage

background-color: #3975BB;
color: #3975BB;
border-color: #3975BB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DAEE
300
#A1BFE2
400
#6E9DD3
500
#3C7AC3
600
#30629C
700
#264E7D
800
#1E3D62
900
#192F48
950
#101D2D

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44: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