#1FADBA

#1FADBA

Color Values

HEX

#1FADBA

RGB

31, 173, 186

HSL

185,0, 71,4%, 42,5%

HSV

185,0, 83,3%, 72,9%

CMYK

83,3%, 7,0%, 0,0%, 27,1%

OKLCH

0,6844 0,1115 204,8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#1FADBA

#BA2C1F

Analogous

#1FBA79

#1F5FBA

#1FADBA

Triadic

#1FADBA

#BA1FAD

#ADBA1F

Split Complementary

#1FADBA

#BA1F5F

#BA791F

Tetradic

#1FADBA

#791FBA

#BA2C1F

#5FBA1F

Color Blindness Simulation

Original

#1FADBA

Protanopia

#5D5EB7

Deuteranopia

#544AB6

Tritanopia

#26B4B4

Achromatopsia

#909090

CSS Usage

background-color: #1FADBA;
color: #1FADBA;
border-color: #1FADBA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C2F1F5
300
#96E6ED
400
#5DD9E4
500
#24CBDB
600
#1DA3AF
700
#17828C
800
#12666D
900
#114A50
950
#0B2F32

Contrast Checker

Text on white

2,71:1

AA Fail AAA Fail

Text on black

7,74:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026