#188285

#188285

Color Values

HEX

#188285

RGB

24, 130, 133

HSL

181.7, 69.4%, 30.8%

HSV

181.7, 82.0%, 52.2%

CMYK

82.0%, 2.3%, 0.0%, 47.8%

OKLCH

0.553 0.0886 197.9

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#188285

#851B18

Analogous

#188552

#184B85

#188285

Triadic

#188285

#851882

#828518

Split Complementary

#188285

#85184B

#855218

Tetradic

#188285

#521885

#851B18

#4B8518

Color Blindness Simulation

Original

#188285

Protanopia

#464784

Deuteranopia

#403884

Tritanopia

#1D8484

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F8
200
#C3F3F4
300
#97EAEC
400
#5FDEE2
500
#27D3D8
600
#1FA9AD
700
#19878A
800
#14696C
900
#124D4F
950
#0B3132

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.57:1

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