#276F7C

#276F7C

Color Values

HEX

#276F7C

RGB

39, 111, 124

HSL

189.2, 52.1%, 32.0%

HSV

189.2, 68.5%, 48.6%

CMYK

68.5%, 10.5%, 0.0%, 51.4%

OKLCH

0.503 0.0726 211.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#276F7C

#7C3427

Analogous

#277C5F

#27457C

#276F7C

Triadic

#276F7C

#7C276F

#6F7C27

Split Complementary

#276F7C

#7C2745

#7C5F27

Tetradic

#276F7C

#5F277C

#7C3427

#457C27

Color Blindness Simulation

Original

#276F7C

Protanopia

#464779

Deuteranopia

#423D78

Tritanopia

#2B7676

Achromatopsia

#616161

CSS Usage

background-color: #276F7C;
color: #276F7C;
border-color: #276F7C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E8EE
300
#A2D8E2
400
#6FC3D2
500
#3DAEC2
600
#318B9B
700
#276F7C
800
#1F5761
900
#1A4047
950
#10292D

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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