#468F89

#468F89

Color Values

HEX

#468F89

RGB

70, 143, 137

HSL

175.1, 34.3%, 41.8%

HSV

175.1, 51.0%, 56.1%

CMYK

51.0%, 0.0%, 4.2%, 43.9%

OKLCH

0.6015 0.0737 188.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#468F89

#8F464C

Analogous

#468F65

#46718F

#468F89

Triadic

#468F89

#89468F

#8F8946

Split Complementary

#468F89

#8F4671

#8F6546

Tetradic

#468F89

#65468F

#8F464C

#718F46

Color Blindness Simulation

Original

#468F89

Protanopia

#66668A

Deuteranopia

#615C8B

Tritanopia

#4A8C8C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #468F89;
color: #468F89;
border-color: #468F89;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D3
400
#80C1BC
500
#54ABA4
600
#438983
700
#366E69
800
#2A5652
900
#213F3D
950
#152827

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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