#3849CF

#3849CF

Color Values

HEX

#3849CF

RGB

56, 73, 207

HSL

233,2, 61,1%, 51,6%

HSV

233,2, 72,9%, 81,2%

CMYK

72,9%, 64,7%, 0,0%, 18,8%

OKLCH

0,4814 0,2051 270,7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3849CF

#CFBE38

Analogous

#3895CF

#7238CF

#3849CF

Triadic

#3849CF

#CF3849

#49CF38

Split Complementary

#3849CF

#CF7238

#95CF38

Tetradic

#3849CF

#CF3895

#CFBE38

#38CF72

Color Blindness Simulation

Original

#3849CF

Protanopia

#3F40AF

Deuteranopia

#3E3DA7

Tritanopia

#39958F

Achromatopsia

#4F4F4F

CSS Usage

background-color: #3849CF;
color: #3849CF;
border-color: #3849CF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C5CAF1
300
#9CA5E7
400
#6774DA
500
#3243CD
600
#2836A4
700
#202B83
800
#192267
900
#161C4B
950
#0E122F

Contrast Checker

Text on white

6,95:1

AA Pass AAA Fail

Text on black

3,02: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