#2F6178

#2F6178

Color Values

HEX

#2F6178

RGB

47, 97, 120

HSL

198.9, 43.7%, 32.7%

HSV

198.9, 60.8%, 47.1%

CMYK

60.8%, 19.2%, 0.0%, 52.9%

OKLCH

0.468 0.0654 230.2

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#2F6178

#78462F

Analogous

#2F786A

#2F3C78

#2F6178

Triadic

#2F6178

#782F61

#61782F

Split Complementary

#2F6178

#782F3C

#786A2F

Tetradic

#2F6178

#6A2F78

#78462F

#3C782F

Color Blindness Simulation

Original

#2F6178

Protanopia

#454572

Deuteranopia

#423E71

Tritanopia

#326E6D

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7F0F4
200
#CCE1EB
300
#A7CCDD
400
#77B0CA
500
#4894B7
600
#397693
700
#2E5F75
800
#244A5C
900
#1D3844
950
#13232B

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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