#303314

#303314

Color Values

HEX

#303314

RGB

48, 51, 20

HSL

65.8, 43.7%, 13.9%

HSV

65.8, 60.8%, 20.0%

CMYK

5.9%, 0.0%, 60.8%, 80.0%

OKLCH

0.3099 0.049 113.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#303314

#171433

Analogous

#332614

#203314

#303314

Triadic

#303314

#143033

#331430

Split Complementary

#303314

#142033

#261433

Tetradic

#303314

#143326

#171433

#331420

Color Blindness Simulation

Original

#303314

Protanopia

#31311B

Deuteranopia

#31311D

Tritanopia

#302123

Achromatopsia

#303030

CSS Usage

background-color: #303314;
color: #303314;
border-color: #303314;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAFAF5
100
#F2F4E7
200
#E8EBCC
300
#D7DDA7
400
#C2CA77
500
#ACB748
600
#8A9339
700
#6E752E
800
#565C24
900
#40441D
950
#282B13

Contrast Checker

Text on white

13.05:1

AA Pass AAA Pass

Text on black

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