#2F3103

#2F3103

Color Values

HEX

#2F3103

RGB

47, 49, 3

HSL

62,6, 88,5%, 10,2%

HSV

62,6, 93,9%, 19,2%

CMYK

4,1%, 0,0%, 93,9%, 80,8%

OKLCH

0,3013 0,0638 112,2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#2F3103

#050331

Analogous

#311C03

#183103

#2F3103

Triadic

#2F3103

#032F31

#31032F

Split Complementary

#2F3103

#031831

#1C0331

Tetradic

#2F3103

#03311C

#050331

#310318

Color Blindness Simulation

Original

#2F3103

Protanopia

#30300E

Deuteranopia

#303011

Tritanopia

#2F1719

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#F9FBE0
200
#F8FBBC
300
#F3F88C
400
#EDF44D
500
#E7F00F
600
#B8C00C
700
#949A09
800
#737807
900
#54570A
950
#353706

Contrast Checker

Text on white

13,45:1

AA Pass AAA Pass

Text on black

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