#4B8794

#4B8794

Color Values

HEX

#4B8794

RGB

75, 135, 148

HSL

190.7, 32.7%, 43.7%

HSV

190.7, 49.3%, 58.0%

CMYK

49.3%, 8.8%, 0.0%, 42.0%

OKLCH

0.5879 0.0654 213.3

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#4B8794

#94584B

Analogous

#4B947C

#4B6294

#4B8794

Triadic

#4B8794

#944B87

#87944B

Split Complementary

#4B8794

#944B62

#947C4B

Tetradic

#4B8794

#7C4B94

#94584B

#62944B

Color Blindness Simulation

Original

#4B8794

Protanopia

#656691

Deuteranopia

#625D90

Tritanopia

#4E8E8E

Achromatopsia

#7B7B7B

CSS Usage

background-color: #4B8794;
color: #4B8794;
border-color: #4B8794;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E3E7
300
#AECFD6
400
#82B4C0
500
#569AA9
600
#457B87
700
#37636C
800
#2B4D55
900
#223A3F
950
#162428

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass 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