#2C8CE0

#2C8CE0

Color Values

HEX

#2C8CE0

RGB

44, 140, 224

HSL

208.0, 74.4%, 52.5%

HSV

208.0, 80.4%, 87.8%

CMYK

80.4%, 37.5%, 0.0%, 12.2%

OKLCH

0.6266 0.1535 249.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#2C8CE0

#E0802C

Analogous

#2CE0DA

#2C32E0

#2C8CE0

Triadic

#2C8CE0

#E02C8C

#8CE02C

Split Complementary

#2C8CE0

#E02C32

#E0DA2C

Tetradic

#2C8CE0

#DA2CE0

#E0802C

#32E02C

Color Blindness Simulation

Original

#2C8CE0

Protanopia

#5656CC

Deuteranopia

#5049C7

Tritanopia

#31BCB8

Achromatopsia

#7E7E7E

CSS Usage

background-color: #2C8CE0;
color: #2C8CE0;
border-color: #2C8CE0;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DDF6
300
#94C5EF
400
#5AA5E7
500
#2186DE
600
#1A6BB2
700
#15568E
800
#10436F
900
#103351
950
#0A2033

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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