#2F2544

#2F2544

Color Values

HEX

#2F2544

RGB

47, 37, 68

HSL

259,4, 29,5%, 20,6%

HSV

259,4, 45,6%, 26,7%

CMYK

30,9%, 45,6%, 0,0%, 73,3%

OKLCH

0,2913 0,0563 297,7

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#2F2544

#3A4425

Analogous

#252B44

#3F2544

#2F2544

Triadic

#2F2544

#442F25

#25442F

Split Complementary

#2F2544

#443F25

#2B4425

Tetradic

#2F2544

#44252B

#3A4425

#25443F

Color Blindness Simulation

Original

#2F2544

Protanopia

#2B2B3D

Deuteranopia

#2B2C3B

Tritanopia

#2E3735

Achromatopsia

#292929

CSS Usage

background-color: #2F2544;
color: #2F2544;
border-color: #2F2544;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D8D1E6
300
#BBB0D4
400
#9785BC
500
#725AA5
600
#5B4884
700
#493A6A
800
#392D53
900
#2C243D
950
#1C1627

Contrast Checker

Text on white

14,3:1

AA Pass AAA Pass

Text on black

1,47: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