#0F4D4F

#0F4D4F

Color Values

HEX

#0F4D4F

RGB

15, 77, 79

HSL

181.9, 68.1%, 18.4%

HSV

181.9, 81.0%, 31.0%

CMYK

81.0%, 2.5%, 0.0%, 69.0%

OKLCH

0.3842 0.0595 198.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#0F4D4F

#4F110F

Analogous

#0F4F31

#0F2D4F

#0F4D4F

Triadic

#0F4D4F

#4F0F4D

#4D4F0F

Split Complementary

#0F4D4F

#4F0F2D

#4F310F

Tetradic

#0F4D4F

#310F4F

#4F110F

#2D4F0F

Color Blindness Simulation

Original

#0F4D4F

Protanopia

#2A2A4F

Deuteranopia

#26224E

Tritanopia

#124E4E

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C3F2F4
300
#98E9EB
400
#60DDE1
500
#29D1D6
600
#21A7AB
700
#1A8689
800
#14686B
900
#134C4E
950
#0C3031

Contrast Checker

Text on white

9.57:1

AA Pass AAA Pass

Text on black

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