#2F079D

#2F079D

Color Values

HEX

#2F079D

RGB

47, 7, 157

HSL

256.0, 91.5%, 32.2%

HSV

256.0, 95.5%, 61.6%

CMYK

70.1%, 95.5%, 0.0%, 38.4%

OKLCH

0.3426 0.2035 278.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2F079D

#759D07

Analogous

#072A9D

#7A079D

#2F079D

Triadic

#2F079D

#9D2F07

#079D2F

Split Complementary

#2F079D

#9D7A07

#2A9D07

Tetradic

#2F079D

#9D072A

#759D07

#079D7A

Color Blindness Simulation

Original

#2F079D

Protanopia

#1E1D79

Deuteranopia

#202370

Tritanopia

#2D5C56

Achromatopsia

#1A1A1A

CSS Usage

background-color: #2F079D;
color: #2F079D;
border-color: #2F079D;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CCBBFC
300
#A88AFA
400
#784AF7
500
#490BF4
600
#3A09C3
700
#2F079C
800
#25057A
900
#1E0958
950
#130538

Contrast Checker

Text on white

12.82:1

AA Pass AAA Pass

Text on black

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