#0F2C26

#0F2C26

Color Values

HEX

#0F2C26

RGB

15, 44, 38

HSL

167.6, 49.2%, 11.6%

HSV

167.6, 65.9%, 17.3%

CMYK

65.9%, 0.0%, 13.6%, 82.7%

OKLCH

0.2687 0.0368 177.8

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#0F2C26

#2C0F15

Analogous

#0F2C18

#0F242C

#0F2C26

Triadic

#0F2C26

#260F2C

#2C260F

Split Complementary

#0F2C26

#2C0F24

#2C180F

Tetradic

#0F2C26

#180F2C

#2C0F15

#242C0F

Color Blindness Simulation

Original

#0F2C26

Protanopia

#1C1C27

Deuteranopia

#1A1828

Tritanopia

#102929

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E6F5F2
200
#CAEDE6
300
#A4E0D3
400
#72CFBC
500
#41BEA4
600
#349883
700
#297A69
800
#205F52
900
#1B463D
950
#112C27

Contrast Checker

Text on white

14.91:1

AA Pass AAA Pass

Text on black

1.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026