#1FAD99

#1FAD99

Color Values

HEX

#1FAD99

RGB

31, 173, 153

HSL

171.5, 69.6%, 40.0%

HSV

171.5, 82.1%, 67.8%

CMYK

82.1%, 0.0%, 11.6%, 32.2%

OKLCH

0.6728 0.1161 180.2

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#1FAD99

#AD1F33

Analogous

#1FAD52

#1F7AAD

#1FAD99

Triadic

#1FAD99

#991FAD

#AD991F

Split Complementary

#1FAD99

#AD1F7A

#AD521F

Tetradic

#1FAD99

#521FAD

#AD1F33

#7AAD1F

Color Blindness Simulation

Original

#1FAD99

Protanopia

#5D5E9E

Deuteranopia

#544A9F

Tritanopia

#26A2A2

Achromatopsia

#8D8D8D

CSS Usage

background-color: #1FAD99;
color: #1FAD99;
border-color: #1FAD99;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFB
100
#E3F8F5
200
#C2F4ED
300
#97ECE0
400
#5FE2D0
500
#27D8BF
600
#1FAD99
700
#198A7A
800
#136C60
900
#124F46
950
#0B322C

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

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