#2F076C

#2F076C

Color Values

HEX

#2F076C

RGB

47, 7, 108

HSL

263.8, 87.8%, 22.5%

HSV

263.8, 93.5%, 42.4%

CMYK

56.5%, 93.5%, 0.0%, 57.6%

OKLCH

0.2834 0.1504 290.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F076C

#446C07

Analogous

#07116C

#61076C

#2F076C

Triadic

#2F076C

#6C2F07

#076C2F

Split Complementary

#2F076C

#6C6107

#116C07

Tetradic

#2F076C

#6C0711

#446C07

#076C61

Color Blindness Simulation

Original

#2F076C

Protanopia

#1E1D54

Deuteranopia

#20234E

Tritanopia

#2D403C

Achromatopsia

#171717

CSS Usage

background-color: #2F076C;
color: #2F076C;
border-color: #2F076C;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F6F2FD
100
#EAE0FA
200
#D5BCFB
300
#B78CF8
400
#904EF3
500
#6810EF
600
#530CC0
700
#430A99
800
#340878
900
#290A57
950
#1A0637

Contrast Checker

Text on white

15.35:1

AA Pass AAA Pass

Text on black

1.37:1

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