#2878CF

#2878CF

Color Values

HEX

#2878CF

RGB

40, 120, 207

HSL

211.3, 67.6%, 48.4%

HSV

211.3, 80.7%, 81.2%

CMYK

80.7%, 42.0%, 0.0%, 18.8%

OKLCH

0.5702 0.1541 253.8

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2878CF

#CF7F28

Analogous

#28CBCF

#2C28CF

#2878CF

Triadic

#2878CF

#CF2878

#78CF28

Split Complementary

#2878CF

#CF2C28

#CBCF28

Tetradic

#2878CF

#CF28CB

#CF7F28

#28CF2C

Color Blindness Simulation

Original

#2878CF

Protanopia

#4B4BBA

Deuteranopia

#4640B5

Tritanopia

#2CA9A6

Achromatopsia

#6D6D6D

CSS Usage

background-color: #2878CF;
color: #2878CF;
border-color: #2878CF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DAF3
300
#98C0EB
400
#619EE0
500
#297CD6
600
#2163AB
700
#1A4F89
800
#153E6B
900
#132F4E
950
#0C1E31

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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