#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