#0F4D4B

#0F4D4B

Color Values

HEX

#0F4D4B

RGB

15, 77, 75

HSL

178.1, 67.4%, 18.0%

HSV

178.1, 80.5%, 30.2%

CMYK

80.5%, 0.0%, 2.6%, 69.8%

OKLCH

0.3825 0.0598 191.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#0F4D4B

#4D0F11

Analogous

#0F4D2C

#0F304D

#0F4D4B

Triadic

#0F4D4B

#4B0F4D

#4D4B0F

Split Complementary

#0F4D4B

#4D0F30

#4D2C0F

Tetradic

#0F4D4B

#2C0F4D

#4D0F11

#304D0F

Color Blindness Simulation

Original

#0F4D4B

Protanopia

#2A2A4B

Deuteranopia

#26224C

Tritanopia

#124C4C

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C3F3F2
300
#99EBE8
400
#61E0DC
500
#2AD5D0
600
#21ABA6
700
#1B8985
800
#156B68
900
#134E4C
950
#0C3130

Contrast Checker

Text on white

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