#0F4D48

#0F4D48

Color Values

HEX

#0F4D48

RGB

15, 77, 72

HSL

175.2, 67.4%, 18.0%

HSV

175.2, 80.5%, 30.2%

CMYK

80.5%, 0.0%, 6.5%, 69.8%

OKLCH

0.3814 0.0606 186.9

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#0F4D48

#4D0F14

Analogous

#0F4D29

#0F334D

#0F4D48

Triadic

#0F4D48

#480F4D

#4D480F

Split Complementary

#0F4D48

#4D0F33

#4D290F

Tetradic

#0F4D48

#290F4D

#4D0F14

#334D0F

Color Blindness Simulation

Original

#0F4D48

Protanopia

#2A2A49

Deuteranopia

#26224A

Tritanopia

#124A4A

Achromatopsia

#3F3F3F

CSS Usage

background-color: #0F4D48;
color: #0F4D48;
border-color: #0F4D48;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C3F3F0
300
#99EBE4
400
#61E0D6
500
#2AD5C8
600
#21ABA0
700
#1B8980
800
#156B64
900
#134E49
950
#0C312E

Contrast Checker

Text on white

9.65:1

AA Pass AAA Pass

Text on black

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