#343B33

#343B33

Color Values

HEX

#343B33

RGB

52, 59, 51

HSL

112.5, 7.3%, 21.6%

HSV

112.5, 13.6%, 23.1%

CMYK

11.9%, 0.0%, 13.6%, 76.9%

OKLCH

0.343 0.0166 141.7

Properties

Cool Dark Nearest: RAL 6015 Black Olive

Color Harmonies

Complementary

#343B33

#3A333B

Analogous

#383B33

#333B36

#343B33

Triadic

#343B33

#33343B

#3B3334

Split Complementary

#343B33

#36333B

#3B3338

Tetradic

#343B33

#33383B

#3A333B

#3B3633

Color Blindness Simulation

Original

#343B33

Protanopia

#373735

Deuteranopia

#373635

Tritanopia

#343637

Achromatopsia

#393939

CSS Usage

background-color: #343B33;
color: #343B33;
border-color: #343B33;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BEC6BD
400
#9BA89A
500
#798976
600
#606D5F
700
#4D584C
800
#3C443B
900
#2E342D
950
#1D211D

Contrast Checker

Text on white

11.54:1

AA Pass AAA Pass

Text on black

1.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026