#0F504B

#0F504B

Color Values

HEX

#0F504B

RGB

15, 80, 75

HSL

175.4, 68.4%, 18.6%

HSV

175.4, 81.2%, 31.4%

CMYK

81.2%, 0.0%, 6.2%, 68.6%

OKLCH

0.3912 0.0625 187.2

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#0F504B

#500F14

Analogous

#0F502A

#0F3450

#0F504B

Triadic

#0F504B

#4B0F50

#504B0F

Split Complementary

#0F504B

#500F34

#502A0F

Tetradic

#0F504B

#2A0F50

#500F14

#34500F

Color Blindness Simulation

Original

#0F504B

Protanopia

#2B2C4C

Deuteranopia

#27224C

Tritanopia

#124D4D

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F8F6
200
#C3F4F0
300
#98ECE5
400
#60E1D7
500
#28D7C9
600
#20ACA1
700
#1A8981
800
#146B65
900
#134E4A
950
#0C312F

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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