#469DA9

#469DA9

Color Values

HEX

#469DA9

RGB

70, 157, 169

HSL

187.3, 41.4%, 46.9%

HSV

187.3, 58.6%, 66.3%

CMYK

58.6%, 7.1%, 0.0%, 33.7%

OKLCH

0.6477 0.0846 207.5

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#469DA9

#A95246

Analogous

#46A984

#466CA9

#469DA9

Triadic

#469DA9

#A9469D

#9DA946

Split Complementary

#469DA9

#A9466C

#A98446

Tetradic

#469DA9

#8446A9

#A95246

#6CA946

Color Blindness Simulation

Original

#469DA9

Protanopia

#6C6CA6

Deuteranopia

#6760A5

Tritanopia

#4AA4A3

Achromatopsia

#8B8B8B

CSS Usage

background-color: #469DA9;
color: #469DA9;
border-color: #469DA9;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6EA
300
#A8D5DB
400
#7ABEC8
500
#4BA7B4
600
#3C8690
700
#306B73
800
#25545A
900
#1E3E43
950
#13272A

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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