#18AFAF

#18AFAF

Color Values

HEX

#18AFAF

RGB

24, 175, 175

HSL

180.0, 75.9%, 39.0%

HSV

180.0, 86.3%, 68.6%

CMYK

86.3%, 0.0%, 0.0%, 31.4%

OKLCH

0.6844 0.1133 194.8

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#18AFAF

#AF1818

Analogous

#18AF63

#1863AF

#18AFAF

Triadic

#18AFAF

#AF18AF

#AFAF18

Split Complementary

#18AFAF

#AF1863

#AF6318

Tetradic

#18AFAF

#6318AF

#AF1818

#63AF18

Color Blindness Simulation

Original

#18AFAF

Protanopia

#595BAF

Deuteranopia

#5145AF

Tritanopia

#20AFAF

Achromatopsia

#8F8F8F

CSS Usage

background-color: #18AFAF;
color: #18AFAF;
border-color: #18AFAF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E2F9F9
200
#C0F6F6
300
#93F0F0
400
#59E8E8
500
#1FE0E0
600
#19B3B3
700
#149090
800
#0F7070
900
#0F5252
950
#0A3434

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.79:1

AA Pass AAA Pass

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