#118285

#118285

Color Values

HEX

#118285

RGB

17, 130, 133

HSL

181.6, 77.3%, 29.4%

HSV

181.6, 87.2%, 52.2%

CMYK

87.2%, 2.3%, 0.0%, 47.8%

OKLCH

0.552 0.0906 197.8

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#118285

#851411

Analogous

#11854E

#114885

#118285

Triadic

#118285

#851182

#828511

Split Complementary

#118285

#851148

#854E11

Tetradic

#118285

#4E1185

#851411

#488511

Color Blindness Simulation

Original

#118285

Protanopia

#424384

Deuteranopia

#3B3384

Tritanopia

#178484

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#C0F5F7
300
#92EFF1
400
#58E6EA
500
#1DDDE2
600
#17B1B5
700
#138D91
800
#0E6E71
900
#0F5052
950
#093334

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass 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