#31B3CE

#31B3CE

Color Values

HEX

#31B3CE

RGB

49, 179, 206

HSL

190.3, 61.6%, 50.0%

HSV

190.3, 76.2%, 80.8%

CMYK

76.2%, 13.1%, 0.0%, 19.2%

OKLCH

0.7101 0.114 215.3

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#31B3CE

#CE4C31

Analogous

#31CE9A

#3165CE

#31B3CE

Triadic

#31B3CE

#CE31B3

#B3CE31

Split Complementary

#31B3CE

#CE3165

#CE9A31

Tetradic

#31B3CE

#9A31CE

#CE4C31

#65CE31

Color Blindness Simulation

Original

#31B3CE

Protanopia

#696AC7

Deuteranopia

#6258C6

Tritanopia

#38C2C1

Achromatopsia

#999999

CSS Usage

background-color: #31B3CE;
color: #31B3CE;
border-color: #31B3CE;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C5EAF1
300
#9CDBE7
400
#67C7DB
500
#31B3CE
600
#278FA5
700
#1F7384
800
#185A67
900
#16424B
950
#0E2A30

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

8.47: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