#027CCA

#027CCA

Color Values

HEX

#027CCA

RGB

2, 124, 202

HSL

203.4, 98.0%, 40.0%

HSV

203.4, 99.0%, 79.2%

CMYK

99.0%, 38.6%, 0.0%, 20.8%

OKLCH

0.5706 0.1499 247.1

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#027CCA

#CA5002

Analogous

#02CAB4

#0218CA

#027CCA

Triadic

#027CCA

#CA027C

#7CCA02

Split Complementary

#027CCA

#CA0218

#CAB402

Tetradic

#027CCA

#B402CA

#CA5002

#18CA02

Color Blindness Simulation

Original

#027CCA

Protanopia

#3738B7

Deuteranopia

#3027B3

Tritanopia

#08A8A5

Achromatopsia

#686868

CSS Usage

background-color: #027CCA;
color: #027CCA;
border-color: #027CCA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F9FE
100
#DEF0FC
200
#B8E3FE
300
#86CFFE
400
#44B5FD
500
#039BFC
600
#027CCA
700
#0263A2
800
#014D7E
900
#063A5B
950
#04253A

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026