#2C7DA0

#2C7DA0

Color Values

HEX

#2C7DA0

RGB

44, 125, 160

HSL

198.1, 56.9%, 40.0%

HSV

198.1, 72.5%, 62.7%

CMYK

72.5%, 21.9%, 0.0%, 37.3%

OKLCH

0.5565 0.0937 230.6

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#2C7DA0

#A04F2C

Analogous

#2CA089

#2C43A0

#2C7DA0

Triadic

#2C7DA0

#A02C7D

#7DA02C

Split Complementary

#2C7DA0

#A02C43

#A0892C

Tetradic

#2C7DA0

#892CA0

#A04F2C

#43A02C

Color Blindness Simulation

Original

#2C7DA0

Protanopia

#4F5098

Deuteranopia

#4A4496

Tritanopia

#30918F

Achromatopsia

#6E6E6E

CSS Usage

background-color: #2C7DA0;
color: #2C7DA0;
border-color: #2C7DA0;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C7E3F0
300
#9FD0E5
400
#6BB6D6
500
#379CC8
600
#2C7DA0
700
#236480
800
#1B4E64
900
#183A49
950
#0F252E

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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