#117F84

#117F84

Color Values

HEX

#117F84

RGB

17, 127, 132

HSL

182.6, 77.2%, 29.2%

HSV

182.6, 87.1%, 51.8%

CMYK

87.1%, 3.8%, 0.0%, 48.2%

OKLCH

0.5437 0.089 199.9

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#117F84

#841611

Analogous

#11844F

#114584

#117F84

Triadic

#117F84

#84117F

#7F8411

Split Complementary

#117F84

#841145

#844F11

Tetradic

#117F84

#4F1184

#841611

#458411

Color Blindness Simulation

Original

#117F84

Protanopia

#414283

Deuteranopia

#3A3282

Tritanopia

#168282

Achromatopsia

#686868

CSS Usage

background-color: #117F84;
color: #117F84;
border-color: #117F84;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#C0F4F7
300
#93EDF1
400
#58E3E9
500
#1DD9E2
600
#17AEB5
700
#138B91
800
#0F6D71
900
#0F4F52
950
#093234

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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