#48626E

#48626E

Color Values

HEX

#48626E

RGB

72, 98, 110

HSL

198.9, 20.9%, 35.7%

HSV

198.9, 34.5%, 43.1%

CMYK

34.5%, 10.9%, 0.0%, 56.9%

OKLCH

0.48 0.0364 228.0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#48626E

#6E5448

Analogous

#486E67

#484F6E

#48626E

Triadic

#48626E

#6E4862

#626E48

Split Complementary

#48626E

#6E484F

#6E6748

Tetradic

#48626E

#67486E

#6E5448

#4F6E48

Color Blindness Simulation

Original

#48626E

Protanopia

#53536B

Deuteranopia

#52506A

Tritanopia

#496968

Achromatopsia

#5D5D5D

CSS Usage

background-color: #48626E;
color: #48626E;
border-color: #48626E;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE3
300
#B5C7CF
400
#8DA8B4
500
#65899A
600
#516E7B
700
#415863
800
#32454D
900
#27343A
950
#192124

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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