#304756

#304756

Color Values

HEX

#304756

RGB

48, 71, 86

HSL

203.7, 28.4%, 26.3%

HSV

203.7, 44.2%, 33.7%

CMYK

44.2%, 17.4%, 0.0%, 66.3%

OKLCH

0.3854 0.0383 237.7

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#304756

#563F30

Analogous

#305652

#303456

#304756

Triadic

#304756

#563047

#475630

Split Complementary

#304756

#563034

#565230

Tetradic

#304756

#523056

#563F30

#345630

Color Blindness Simulation

Original

#304756

Protanopia

#3A3A52

Deuteranopia

#393752

Tritanopia

#31504F

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DDE5
300
#B0C5D3
400
#86A6BB
500
#5B87A4
600
#496C83
700
#3A5669
800
#2E4452
900
#24333D
950
#172026

Contrast Checker

Text on white

9.72:1

AA Pass AAA Pass

Text on black

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