#3F479D

#3F479D

Color Values

HEX

#3F479D

RGB

63, 71, 157

HSL

234.9, 42.7%, 43.1%

HSV

234.9, 59.9%, 61.6%

CMYK

59.9%, 54.8%, 0.0%, 38.4%

OKLCH

0.4401 0.1382 275.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#3F479D

#9D953F

Analogous

#3F769D

#663F9D

#3F479D

Triadic

#3F479D

#9D3F47

#479D3F

Split Complementary

#3F479D

#9D663F

#769D3F

Tetradic

#3F479D

#9D3F76

#9D953F

#3F9D66

Color Blindness Simulation

Original

#3F479D

Protanopia

#424388

Deuteranopia

#424183

Tritanopia

#3F7874

Achromatopsia

#4C4C4C

CSS Usage

background-color: #3F479D;
color: #3F479D;
border-color: #3F479D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCFEB
300
#A8ACDC
400
#787FC9
500
#4952B6
600
#3A4292
700
#2F3574
800
#25295B
900
#1E2143
950
#13152A

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026