#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