#305255

#305255

Color Values

HEX

#305255

RGB

48, 82, 85

HSL

184.9, 27.8%, 26.1%

HSV

184.9, 43.5%, 33.3%

CMYK

43.5%, 3.5%, 0.0%, 66.7%

OKLCH

0.4139 0.0399 202.9

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#305255

#553330

Analogous

#305546

#304055

#305255

Triadic

#305255

#553052

#525530

Split Complementary

#305255

#553040

#554630

Tetradic

#305255

#463055

#553330

#405530

Color Blindness Simulation

Original

#305255

Protanopia

#3F3F54

Deuteranopia

#3D3A54

Tritanopia

#325454

Achromatopsia

#4B4B4B

CSS Usage

background-color: #305255;
color: #305255;
border-color: #305255;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E4E5
300
#B1D0D3
400
#86B7BB
500
#5C9DA3
600
#4A7E82
700
#3B6568
800
#2E4F51
900
#243B3D
950
#172526

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

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