#0F2D30

#0F2D30

Color Values

HEX

#0F2D30

RGB

15, 45, 48

HSL

185.5, 52.4%, 12.4%

HSV

185.5, 68.7%, 18.8%

CMYK

68.7%, 6.2%, 0.0%, 81.2%

OKLCH

0.276 0.0358 204.2

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#0F2D30

#30120F

Analogous

#0F3023

#0F1D30

#0F2D30

Triadic

#0F2D30

#300F2D

#2D300F

Split Complementary

#0F2D30

#300F1D

#30230F

Tetradic

#0F2D30

#230F30

#30120F

#1D300F

Color Blindness Simulation

Original

#0F2D30

Protanopia

#1C1C2F

Deuteranopia

#1A182F

Tritanopia

#102F2F

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9EBEE
300
#A2DCE2
400
#6FC9D2
500
#3DB6C2
600
#31929B
700
#27757C
800
#1E5B61
900
#1A4347
950
#102A2D

Contrast Checker

Text on white

14.6:1

AA Pass AAA Pass

Text on black

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