#2F094A

#2F094A

Color Values

HEX

#2F094A

RGB

47, 9, 74

HSL

275.1, 78.3%, 16.3%

HSV

275.1, 87.8%, 29.0%

CMYK

36.5%, 87.8%, 0.0%, 71.0%

OKLCH

0.2491 0.1113 306.1

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#2F094A

#244A09

Analogous

#0F094A

#4A0945

#2F094A

Triadic

#2F094A

#4A2F09

#094A2F

Split Complementary

#2F094A

#454A09

#094A0F

Tetradic

#2F094A

#4A0F09

#244A09

#09454A

Color Blindness Simulation

Original

#2F094A

Protanopia

#1F1E3A

Deuteranopia

#212436

Tritanopia

#2D2E2B

Achromatopsia

#161616

CSS Usage

background-color: #2F094A;
color: #2F094A;
border-color: #2F094A;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0BFF7
300
#CA92F2
400
#AD57EB
500
#901CE3
600
#7416B6
700
#5C1291
800
#480E72
900
#360E53
950
#220934

Contrast Checker

Text on white

16.68:1

AA Pass AAA Pass

Text on black

1.26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026