#2D6877

#2D6877

Color Values

HEX

#2D6877

RGB

45, 104, 119

HSL

192.2, 45.1%, 32.2%

HSV

192.2, 62.2%, 46.7%

CMYK

62.2%, 12.6%, 0.0%, 53.3%

OKLCH

0.4847 0.0652 217.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#2D6877

#773C2D

Analogous

#2D7761

#2D4377

#2D6877

Triadic

#2D6877

#772D68

#68772D

Split Complementary

#2D6877

#772D43

#77612D

Tetradic

#2D6877

#612D77

#773C2D

#43772D

Color Blindness Simulation

Original

#2D6877

Protanopia

#474773

Deuteranopia

#433F72

Tritanopia

#307170

Achromatopsia

#5D5D5D

CSS Usage

background-color: #2D6877;
color: #2D6877;
border-color: #2D6877;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE5EB
300
#A6D2DD
400
#76BACB
500
#46A2B9
600
#388194
700
#2D6776
800
#23515D
900
#1D3C44
950
#12262B

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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