#343B48

#343B48

Color Values

HEX

#343B48

RGB

52, 59, 72

HSL

219.0, 16.1%, 24.3%

HSV

219.0, 27.8%, 28.2%

CMYK

27.8%, 18.1%, 0.0%, 71.8%

OKLCH

0.3512 0.0246 262.8

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#343B48

#484134

Analogous

#344548

#373448

#343B48

Triadic

#343B48

#48343B

#3B4834

Split Complementary

#343B48

#483734

#454834

Tetradic

#343B48

#483445

#484134

#344837

Color Blindness Simulation

Original

#343B48

Protanopia

#373745

Deuteranopia

#373644

Tritanopia

#344242

Achromatopsia

#3A3A3A

CSS Usage

background-color: #343B48;
color: #343B48;
border-color: #343B48;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6DAE1
300
#B8BFCC
400
#919CB0
500
#6B7994
600
#566176
700
#444E5F
800
#353D4A
900
#292E37
950
#1A1D23

Contrast Checker

Text on white

11.26:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026