#3D498F

#3D498F

Color Values

HEX

#3D498F

RGB

61, 73, 143

HSL

231.2, 40.2%, 40.0%

HSV

231.2, 57.3%, 56.1%

CMYK

57.3%, 49.0%, 0.0%, 43.9%

OKLCH

0.4326 0.1154 273.3

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#3D498F

#8F833D

Analogous

#3D728F

#5A3D8F

#3D498F

Triadic

#3D498F

#8F3D49

#498F3D

Split Complementary

#3D498F

#8F5A3D

#728F3D

Tetradic

#3D498F

#8F3D72

#8F833D

#3D8F5A

Color Blindness Simulation

Original

#3D498F

Protanopia

#42427E

Deuteranopia

#42417A

Tritanopia

#3E716E

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CDD1EA
300
#A9B0DA
400
#7B86C7
500
#4C5BB3
600
#3D498F
700
#313A72
800
#262E59
900
#1F2442
950
#14172A

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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