#2F194C

#2F194C

Color Values

HEX

#2F194C

RGB

47, 25, 76

HSL

265.9, 50.5%, 19.8%

HSV

265.9, 67.1%, 29.8%

CMYK

38.2%, 67.1%, 0.0%, 70.2%

OKLCH

0.2731 0.0909 300.3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#2F194C

#364C19

Analogous

#191C4C

#49194C

#2F194C

Triadic

#2F194C

#4C2F19

#194C2F

Split Complementary

#2F194C

#4C4919

#1C4C19

Tetradic

#2F194C

#4C191C

#364C19

#194C49

Color Blindness Simulation

Original

#2F194C

Protanopia

#252540

Deuteranopia

#27283D

Tritanopia

#2E3634

Achromatopsia

#212121

CSS Usage

background-color: #2F194C;
color: #2F194C;
border-color: #2F194C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D9C9ED
300
#BEA3E1
400
#9A71D0
500
#773FC0
600
#5F329A
700
#4C287B
800
#3B2060
900
#2D1A46
950
#1D112D

Contrast Checker

Text on white

15.39:1

AA Pass AAA Pass

Text on black

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