#278CD8

#278CD8

Color Values

HEX

#278CD8

RGB

39, 140, 216

HSL

205.8, 69.4%, 50.0%

HSV

205.8, 81.9%, 84.7%

CMYK

81.9%, 35.2%, 0.0%, 15.3%

OKLCH

0.6208 0.1453 246.5

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#278CD8

#D87327

Analogous

#27D8CC

#2733D8

#278CD8

Triadic

#278CD8

#D8278C

#8CD827

Split Complementary

#278CD8

#D82733

#D8CC27

Tetradic

#278CD8

#CC27D8

#D87327

#33D827

Color Blindness Simulation

Original

#278CD8

Protanopia

#5354C6

Deuteranopia

#4D45C1

Tritanopia

#2CB7B4

Achromatopsia

#7C7C7C

CSS Usage

background-color: #278CD8;
color: #278CD8;
border-color: #278CD8;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3DFF4
300
#97C8EC
400
#5FAAE2
500
#278CD8
600
#1F70AD
700
#195A8A
800
#14466C
900
#12354F
950
#0B2132

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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