#2977BA

#2977BA

Color Values

HEX

#2977BA

RGB

41, 119, 186

HSL

207.7, 63.9%, 44.5%

HSV

207.7, 78.0%, 72.9%

CMYK

78.0%, 36.0%, 0.0%, 27.1%

OKLCH

0.5552 0.1282 248.6

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#2977BA

#BA6C29

Analogous

#29BAB4

#292FBA

#2977BA

Triadic

#2977BA

#BA2977

#77BA29

Split Complementary

#2977BA

#BA292F

#BAB429

Tetradic

#2977BA

#B429BA

#BA6C29

#2FBA29

Color Blindness Simulation

Original

#2977BA

Protanopia

#4B4BAA

Deuteranopia

#4640A6

Tritanopia

#2D9D9A

Achromatopsia

#6B6B6B

CSS Usage

background-color: #2977BA;
color: #2977BA;
border-color: #2977BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF2
300
#9BC5E9
400
#64A5DD
500
#2E86D1
600
#256BA7
700
#1D5686
800
#174368
900
#15334C
950
#0D2030

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

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