#749F96

#749F96

Color Values

HEX

#749F96

RGB

116, 159, 150

HSL

167.4, 18.3%, 53.9%

HSV

167.4, 27.0%, 62.4%

CMYK

27.0%, 0.0%, 5.7%, 37.6%

OKLCH

0.6685 0.0486 180.4

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#749F96

#9F747D

Analogous

#749F80

#74929F

#749F96

Triadic

#749F96

#96749F

#9F9674

Split Complementary

#749F96

#9F7492

#9F8074

Tetradic

#749F96

#80749F

#9F747D

#929F74

Color Blindness Simulation

Original

#749F96

Protanopia

#878798

Deuteranopia

#848199

Tritanopia

#769A9A

Achromatopsia

#959595

CSS Usage

background-color: #749F96;
color: #749F96;
border-color: #749F96;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#8FB2AB
500
#68978D
600
#537971
700
#43615A
800
#344B47
900
#283835
950
#1A2422

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026