#0F2822

#0F2822

Color Values

HEX

#0F2822

RGB

15, 40, 34

HSL

165.6, 45.5%, 10.8%

HSV

165.6, 62.5%, 15.7%

CMYK

62.5%, 0.0%, 15.0%, 84.3%

OKLCH

0.2546 0.0333 175.8

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#0F2822

#280F15

Analogous

#0F2816

#0F2228

#0F2822

Triadic

#0F2822

#220F28

#28220F

Split Complementary

#0F2822

#280F22

#28160F

Tetradic

#0F2822

#160F28

#280F15

#22280F

Color Blindness Simulation

Original

#0F2822

Protanopia

#1A1A23

Deuteranopia

#181624

Tritanopia

#102525

Achromatopsia

#222222

CSS Usage

background-color: #0F2822;
color: #0F2822;
border-color: #0F2822;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CBECE4
300
#A6DED0
400
#76CCB7
500
#45BA9E
600
#38947E
700
#2C7765
800
#235D4F
900
#1D443B
950
#122B25

Contrast Checker

Text on white

15.59:1

AA Pass AAA Pass

Text on black

1.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026