#3F35CC

#3F35CC

Color Values

HEX

#3F35CC

RGB

63, 53, 204

HSL

244.0, 59.7%, 50.4%

HSV

244.0, 74.0%, 80.0%

CMYK

69.1%, 74.0%, 0.0%, 20.0%

OKLCH

0.4519 0.2208 275.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3F35CC

#C2CC35

Analogous

#3576CC

#8B35CC

#3F35CC

Triadic

#3F35CC

#CC3F35

#35CC3F

Split Complementary

#3F35CC

#CC8B35

#76CC35

Tetradic

#3F35CC

#CC3576

#C2CC35

#35CC8B

Color Blindness Simulation

Original

#3F35CC

Protanopia

#3B3BA8

Deuteranopia

#3B3C9F

Tritanopia

#3E8B84

Achromatopsia

#424242

CSS Usage

background-color: #3F35CC;
color: #3F35CC;
border-color: #3F35CC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C9C6F1
300
#A29DE6
400
#7068D9
500
#3E33CC
600
#3129A3
700
#272182
800
#1F1A66
900
#1A164A
950
#100E2F

Contrast Checker

Text on white

8.1:1

AA Pass AAA Pass

Text on black

2.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026