#448697

#448697

Color Values

HEX

#448697

RGB

68, 134, 151

HSL

192,3, 37,9%, 42,9%

HSV

192,3, 55,0%, 59,2%

CMYK

55,0%, 11,3%, 0,0%, 40,8%

OKLCH

0,5835 0,0718 216,7

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#448697

#975544

Analogous

#44977E

#445C97

#448697

Triadic

#448697

#974486

#869744

Split Complementary

#448697

#97445C

#977E44

Tetradic

#448697

#7E4497

#975544

#5C9744

Color Blindness Simulation

Original

#448697

Protanopia

#616193

Deuteranopia

#5D5892

Tritanopia

#47908F

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE3E9
300
#ABCFD9
400
#7DB6C4
500
#4F9CB0
600
#3F7D8D
700
#336471
800
#284E58
900
#203A41
950
#142529

Contrast Checker

Text on white

4,12:1

AA Fail AAA Fail

Text on black

5,1:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026