#6A9DA9

#6A9DA9

Color Values

HEX

#6A9DA9

RGB

106, 157, 169

HSL

191.4, 26.8%, 53.9%

HSV

191.4, 37.3%, 66.3%

CMYK

37.3%, 7.1%, 0.0%, 33.7%

OKLCH

0.6644 0.057 214.1

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#6A9DA9

#A9766A

Analogous

#6AA995

#6A7DA9

#6A9DA9

Triadic

#6A9DA9

#A96A9D

#9DA96A

Split Complementary

#6A9DA9

#A96A7D

#A9956A

Tetradic

#6A9DA9

#956AA9

#A9766A

#7DA96A

Color Blindness Simulation

Original

#6A9DA9

Protanopia

#8081A6

Deuteranopia

#7D79A5

Tritanopia

#6DA4A3

Achromatopsia

#939393

CSS Usage

background-color: #6A9DA9;
color: #6A9DA9;
border-color: #6A9DA9;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D2E1E5
300
#B1CCD2
400
#87B0BA
500
#5D95A2
600
#4B7781
700
#3C5F67
800
#2F4A51
900
#25383C
950
#172326

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026