#300F1B

#300F1B

Color Values

HEX

#300F1B

RGB

48, 15, 27

HSL

338.2, 52.4%, 12.4%

HSV

338.2, 68.7%, 18.8%

CMYK

0.0%, 68.7%, 43.8%, 81.2%

OKLCH

0.2262 0.0559 359.8

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#300F1B

#0F3024

Analogous

#300F2C

#30140F

#300F1B

Triadic

#300F1B

#1B300F

#0F1B30

Split Complementary

#300F1B

#0F3014

#0F2C30

Tetradic

#300F1B

#2C300F

#0F3024

#140F30

Color Blindness Simulation

Original

#300F1B

Protanopia

#222118

Deuteranopia

#242617

Tritanopia

#2E1615

Achromatopsia

#171717

CSS Usage

background-color: #300F1B;
color: #300F1B;
border-color: #300F1B;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EEC9D6
300
#E2A2B9
400
#D26F93
500
#C23D6D
600
#9B3157
700
#7C2746
800
#611E37
900
#471A2A
950
#2D101B

Contrast Checker

Text on white

17.36:1

AA Pass AAA Pass

Text on black

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