#319BAB

#319BAB

Color Values

HEX

#319BAB

RGB

49, 155, 171

HSL

187.9, 55.5%, 43.1%

HSV

187.9, 71.3%, 67.1%

CMYK

71.3%, 9.4%, 0.0%, 32.9%

OKLCH

0.6372 0.096 209.6

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#319BAB

#AB4131

Analogous

#31AB7E

#315EAB

#319BAB

Triadic

#319BAB

#AB319B

#9BAB31

Split Complementary

#319BAB

#AB315E

#AB7E31

Tetradic

#319BAB

#7E31AB

#AB4131

#5EAB31

Color Blindness Simulation

Original

#319BAB

Protanopia

#5F60A7

Deuteranopia

#5951A6

Tritanopia

#36A4A3

Achromatopsia

#868686

CSS Usage

background-color: #319BAB;
color: #319BAB;
border-color: #319BAB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F3F6
200
#C7EAEF
300
#A0DBE4
400
#6CC7D5
500
#39B4C6
600
#2D909F
700
#24737F
800
#1C5A63
900
#184249
950
#0F2A2E

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.41:1

AA Pass AAA Fail

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