#4A8F99

#4A8F99

Color Values

HEX

#4A8F99

RGB

74, 143, 153

HSL

187.6, 34.8%, 44.5%

HSV

187.6, 51.6%, 60.0%

CMYK

51.6%, 6.5%, 0.0%, 40.0%

OKLCH

0.6089 0.0712 207.8

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#4A8F99

#99544A

Analogous

#4A997B

#4A6799

#4A8F99

Triadic

#4A8F99

#994A8F

#8F994A

Split Complementary

#4A8F99

#994A67

#997B4A

Tetradic

#4A8F99

#7B4A99

#99544A

#67994A

Color Blindness Simulation

Original

#4A8F99

Protanopia

#686897

Deuteranopia

#645F96

Tritanopia

#4D9594

Achromatopsia

#818181

CSS Usage

background-color: #4A8F99;
color: #4A8F99;
border-color: #4A8F99;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ADD2D7
400
#80B9C1
500
#53A1AC
600
#438189
700
#35676E
800
#2A5056
900
#213C40
950
#152628

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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