#3868FF

#3868FF

Color Values

HEX

#3868FF

RGB

56, 104, 255

HSL

225.5, 100.0%, 61.0%

HSV

225.5, 78.0%, 100.0%

CMYK

78.0%, 59.2%, 0.0%, 0.0%

OKLCH

0.578 0.2303 265.8

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#3868FF

#FFCF38

Analogous

#38CCFF

#6B38FF

#3868FF

Triadic

#3868FF

#FF3868

#68FF38

Split Complementary

#3868FF

#FF6B38

#CCFF38

Tetradic

#3868FF

#FF38CC

#FFCF38

#38FF6B

Color Blindness Simulation

Original

#3868FF

Protanopia

#4D4DDB

Deuteranopia

#4A46D2

Tritanopia

#3ABEB7

Achromatopsia

#696969

CSS Usage

background-color: #3868FF;
color: #3868FF;
border-color: #3868FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C9FF
300
#85A2FF
400
#4270FF
500
#003EFF
600
#0031CC
700
#0027A3
800
#001F80
900
#051A5C
950
#03103A

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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