#0F4547

#0F4547

Color Values

HEX

#0F4547

RGB

15, 69, 71

HSL

182.1, 65.1%, 16.9%

HSV

182.1, 78.9%, 27.8%

CMYK

78.9%, 2.8%, 0.0%, 72.2%

OKLCH

0.3576 0.0541 198.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#0F4547

#47110F

Analogous

#0F472D

#0F2947

#0F4547

Triadic

#0F4547

#470F45

#45470F

Split Complementary

#0F4547

#470F29

#472D0F

Tetradic

#0F4547

#2D0F47

#47110F

#29470F

Color Blindness Simulation

Original

#0F4547

Protanopia

#262747

Deuteranopia

#231F46

Tritanopia

#124646

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4F1F3
300
#9AE7EA
400
#63DADE
500
#2CCDD3
600
#24A4A8
700
#1C8387
800
#166669
900
#144B4D
950
#0D2F31

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026