#2C6AB1

#2C6AB1

Color Values

HEX

#2C6AB1

RGB

44, 106, 177

HSL

212.0, 60.2%, 43.3%

HSV

212.0, 75.1%, 69.4%

CMYK

75.1%, 40.1%, 0.0%, 30.6%

OKLCH

0.5204 0.1291 254.0

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#2C6AB1

#B1732C

Analogous

#2CACB1

#302CB1

#2C6AB1

Triadic

#2C6AB1

#B12C6A

#6AB12C

Split Complementary

#2C6AB1

#B1302C

#ACB12C

Tetradic

#2C6AB1

#B12CAC

#B1732C

#2CB130

Color Blindness Simulation

Original

#2C6AB1

Protanopia

#4747A0

Deuteranopia

#433F9C

Tritanopia

#2F928F

Achromatopsia

#626262

CSS Usage

background-color: #2C6AB1;
color: #2C6AB1;
border-color: #2C6AB1;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C6DAF1
300
#9DBFE7
400
#689DD9
500
#337ACC
600
#2962A3
700
#204E83
800
#193D66
900
#162F4B
950
#0E1D2F

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail 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