#2F384E

#2F384E

Color Values

HEX

#2F384E

RGB

47, 56, 78

HSL

222.6, 24.8%, 24.5%

HSV

222.6, 39.7%, 30.6%

CMYK

39.7%, 28.2%, 0.0%, 69.4%

OKLCH

0.3424 0.0407 267.1

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#2F384E

#4E452F

Analogous

#2F474E

#352F4E

#2F384E

Triadic

#2F384E

#4E2F38

#384E2F

Split Complementary

#2F384E

#4E352F

#474E2F

Tetradic

#2F384E

#4E2F47

#4E452F

#2F4E35

Color Blindness Simulation

Original

#2F384E

Protanopia

#333349

Deuteranopia

#323247

Tritanopia

#2F4444

Achromatopsia

#383838

CSS Usage

background-color: #2F384E;
color: #2F384E;
border-color: #2F384E;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D8E4
300
#B3BBD1
400
#8997B8
500
#60729F
600
#4D5B7F
700
#3D4966
800
#303950
900
#262C3B
950
#181C25

Contrast Checker

Text on white

11.69:1

AA Pass AAA Pass

Text on black

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