#278BA5

#278BA5

Color Values

HEX

#278BA5

RGB

39, 139, 165

HSL

192.4, 61.8%, 40.0%

HSV

192.4, 76.4%, 64.7%

CMYK

76.4%, 15.8%, 0.0%, 35.3%

OKLCH

0.5924 0.0961 219.5

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#278BA5

#A54127

Analogous

#27A580

#274CA5

#278BA5

Triadic

#278BA5

#A5278B

#8BA527

Split Complementary

#278BA5

#A5274C

#A58027

Tetradic

#278BA5

#8027A5

#A54127

#4CA527

Color Blindness Simulation

Original

#278BA5

Protanopia

#52539F

Deuteranopia

#4C459D

Tritanopia

#2C9A99

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5E8F1
300
#9CD8E8
400
#66C3DB
500
#31AECE
600
#278BA5
700
#1F6F84
800
#185767
900
#16404B
950
#0E2930

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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