#2F6572

#2F6572

Color Values

HEX

#2F6572

RGB

47, 101, 114

HSL

191.6, 41.6%, 31.6%

HSV

191.6, 58.8%, 44.7%

CMYK

58.8%, 11.4%, 0.0%, 55.3%

OKLCH

0.4756 0.0606 215.7

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#2F6572

#723C2F

Analogous

#2F725E

#2F4472

#2F6572

Triadic

#2F6572

#722F65

#65722F

Split Complementary

#2F6572

#722F44

#725E2F

Tetradic

#2F6572

#5E2F72

#723C2F

#44722F

Color Blindness Simulation

Original

#2F6572

Protanopia

#46476F

Deuteranopia

#433F6E

Tritanopia

#326C6C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE4EA
300
#A8D1DB
400
#79B9C8
500
#4AA0B5
600
#3C8090
700
#306674
800
#25505A
900
#1E3C43
950
#13262A

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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