#2879C4

#2879C4

Color Values

HEX

#2879C4

RGB

40, 121, 196

HSL

208.8, 66.1%, 46.3%

HSV

208.8, 79.6%, 76.9%

CMYK

79.6%, 38.3%, 0.0%, 23.1%

OKLCH

0.5656 0.139 250.5

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2879C4

#C47328

Analogous

#28C4C1

#282BC4

#2879C4

Triadic

#2879C4

#C42879

#79C428

Split Complementary

#2879C4

#C4282B

#C4C128

Tetradic

#2879C4

#C128C4

#C47328

#2BC428

Color Blindness Simulation

Original

#2879C4

Protanopia

#4B4CB2

Deuteranopia

#4640AE

Tritanopia

#2CA4A0

Achromatopsia

#6D6D6D

CSS Usage

background-color: #2879C4;
color: #2879C4;
border-color: #2879C4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DCF3
300
#99C3EA
400
#62A3DF
500
#2B83D4
600
#2369A9
700
#1C5488
800
#16416A
900
#14324D
950
#0C1F31

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

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