#2F37F6

#2F37F6

Color Values

HEX

#2F37F6

RGB

47, 55, 246

HSL

237.6, 91.7%, 57.5%

HSV

237.6, 80.9%, 96.5%

CMYK

80.9%, 77.6%, 0.0%, 3.5%

OKLCH

0.4902 0.2711 269.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2F37F6

#F6EE2F

Analogous

#2F9BF6

#8B2FF6

#2F37F6

Triadic

#2F37F6

#F62F37

#37F62F

Split Complementary

#2F37F6

#F68B2F

#9BF62F

Tetradic

#2F37F6

#F62F9B

#F6EE2F

#2FF68B

Color Blindness Simulation

Original

#2F37F6

Protanopia

#3233C8

Deuteranopia

#3231BD

Tritanopia

#2FA39B

Achromatopsia

#434343

CSS Usage

background-color: #2F37F6;
color: #2F37F6;
border-color: #2F37F6;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBDFC
300
#8A8EFA
400
#4A51F7
500
#0B14F4
600
#0810C4
700
#070D9C
800
#050A7A
900
#080C58
950
#050738

Contrast Checker

Text on white

7.0:1

AA Pass AAA Pass

Text on black

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