#31CDCE

#31CDCE

Color Values

HEX

#31CDCE

RGB

49, 205, 206

HSL

180,4, 61,6%, 50,0%

HSV

180,4, 76,2%, 80,8%

CMYK

76,2%, 0,5%, 0,0%, 19,2%

OKLCH

0,7729 0,1224 195,6

Properties

Cool Light Nearest: darkturquoise

Color Harmonies

Complementary

#31CDCE

#CE3231

Analogous

#31CE81

#317ECE

#31CDCE

Triadic

#31CDCE

#CE31CD

#CDCE31

Split Complementary

#31CDCE

#CE317E

#CE8131

Tetradic

#31CDCE

#8131CE

#CE3231

#7ECE31

Color Blindness Simulation

Original

#31CDCE

Protanopia

#7576CE

Deuteranopia

#6C60CE

Tritanopia

#39CECE

Achromatopsia

#ACACAC

CSS Usage

background-color: #31CDCE;
color: #31CDCE;
border-color: #31CDCE;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C5F1F1
300
#9CE7E7
400
#67DADB
500
#31CDCE
600
#27A4A5
700
#1F8384
800
#186667
900
#164B4B
950
#0E2F30

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,75: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