#459798

#459798

Color Values

HEX

#459798

RGB

69, 151, 152

HSL

180.7, 37.6%, 43.3%

HSV

180.7, 54.6%, 59.6%

CMYK

54.6%, 0.7%, 0.0%, 40.4%

OKLCH

0.6263 0.0795 196.4

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#459798

#984645

Analogous

#45986F

#456D98

#459798

Triadic

#459798

#984597

#979845

Split Complementary

#459798

#98456D

#986F45

Tetradic

#459798

#6F4598

#984645

#6D9845

Color Blindness Simulation

Original

#459798

Protanopia

#696998

Deuteranopia

#645E98

Tritanopia

#499898

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CEE8E9
300
#ABD8D9
400
#7DC3C4
500
#50AEAF
600
#408B8C
700
#337070
800
#285758
900
#204041
950
#142929

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026