#448F86

#448F86

Color Values

HEX

#448F86

RGB

68, 143, 134

HSL

172.8, 35.5%, 41.4%

HSV

172.8, 52.4%, 56.1%

CMYK

52.4%, 0.0%, 6.3%, 43.9%

OKLCH

0.5996 0.0761 185.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#448F86

#8F444D

Analogous

#448F61

#44738F

#448F86

Triadic

#448F86

#86448F

#8F8644

Split Complementary

#448F86

#8F4473

#8F6144

Tetradic

#448F86

#61448F

#8F444D

#738F44

Color Blindness Simulation

Original

#448F86

Protanopia

#646588

Deuteranopia

#605A89

Tritanopia

#488A8A

Achromatopsia

#7E7E7E

CSS Usage

background-color: #448F86;
color: #448F86;
border-color: #448F86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CFE8E5
300
#ACD8D2
400
#7FC2BA
500
#52ADA2
600
#428A82
700
#356F68
800
#295651
900
#21403C
950
#152826

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026