#27657C

#27657C

Color Values

HEX

#27657C

RGB

39, 101, 124

HSL

196.2, 52.1%, 32.0%

HSV

196.2, 68.5%, 48.6%

CMYK

68.5%, 18.5%, 0.0%, 51.4%

OKLCH

0.477 0.0726 226.0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#27657C

#7C3E27

Analogous

#277C69

#273B7C

#27657C

Triadic

#27657C

#7C2765

#657C27

Split Complementary

#27657C

#7C273B

#7C6927

Tetradic

#27657C

#69277C

#7C3E27

#3B7C27

Color Blindness Simulation

Original

#27657C

Protanopia

#424276

Deuteranopia

#3E3A75

Tritanopia

#2A7271

Achromatopsia

#595959

CSS Usage

background-color: #27657C;
color: #27657C;
border-color: #27657C;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C9E4EE
300
#A2D0E2
400
#6FB7D2
500
#3D9EC2
600
#317E9B
700
#27657C
800
#1F4F61
900
#1A3B47
950
#10252D

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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