#278DA5

#278DA5

Color Values

HEX

#278DA5

RGB

39, 141, 165

HSL

191.4, 61.8%, 40.0%

HSV

191.4, 76.4%, 64.7%

CMYK

76.4%, 14.5%, 0.0%, 35.3%

OKLCH

0.5974 0.096 217.5

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#278DA5

#A53F27

Analogous

#27A57E

#274EA5

#278DA5

Triadic

#278DA5

#A5278D

#8DA527

Split Complementary

#278DA5

#A5274E

#A57E27

Tetradic

#278DA5

#7E27A5

#A53F27

#4EA527

Color Blindness Simulation

Original

#278DA5

Protanopia

#53549F

Deuteranopia

#4D469E

Tritanopia

#2C9B9A

Achromatopsia

#797979

CSS Usage

background-color: #278DA5;
color: #278DA5;
border-color: #278DA5;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5E9F1
300
#9CD9E8
400
#66C5DB
500
#31B0CE
600
#278DA5
700
#1F7184
800
#185867
900
#16414B
950
#0E2930

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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