#3F40F8

#3F40F8

Color Values

HEX

#3F40F8

RGB

63, 64, 248

HSL

239.7, 93.0%, 61.0%

HSV

239.7, 74.6%, 97.3%

CMYK

74.6%, 74.2%, 0.0%, 2.7%

OKLCH

0.5111 0.2618 272.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3F40F8

#F8F73F

Analogous

#3F9CF8

#9B3FF8

#3F40F8

Triadic

#3F40F8

#F83F40

#40F83F

Split Complementary

#3F40F8

#F89B3F

#9CF83F

Tetradic

#3F40F8

#F83F9C

#F8F73F

#3FF89B

Color Blindness Simulation

Original

#3F40F8

Protanopia

#3F3FCC

Deuteranopia

#3F3FC1

Tritanopia

#3FA8A1

Achromatopsia

#4D4D4D

CSS Usage

background-color: #3F40F8;
color: #3F40F8;
border-color: #3F40F8;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8989FB
400
#494AF8
500
#090AF6
600
#0708C5
700
#06069D
800
#04057B
900
#080859
950
#050538

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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