#27767F

#27767F

Color Values

HEX

#27767F

RGB

39, 118, 127

HSL

186.1, 53.0%, 32.5%

HSV

186.1, 69.3%, 49.8%

CMYK

69.3%, 7.1%, 0.0%, 50.2%

OKLCH

0.5225 0.0758 205.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#27767F

#7F3027

Analogous

#277F5C

#274A7F

#27767F

Triadic

#27767F

#7F2776

#767F27

Split Complementary

#27767F

#7F274A

#7F5C27

Tetradic

#27767F

#5C277F

#7F3027

#4A7F27

Color Blindness Simulation

Original

#27767F

Protanopia

#494A7D

Deuteranopia

#453F7C

Tritanopia

#2B7B7B

Achromatopsia

#666666

CSS Usage

background-color: #27767F;
color: #27767F;
border-color: #27767F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8EAEE
300
#A1DCE2
400
#6FC8D3
500
#3CB5C3
600
#30919C
700
#26747D
800
#1E5B62
900
#194348
950
#102A2D

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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