#6069AA

#6069AA

Color Values

HEX

#6069AA

RGB

96, 105, 170

HSL

232.7, 30.3%, 52.2%

HSV

232.7, 43.5%, 66.7%

CMYK

43.5%, 38.2%, 0.0%, 33.3%

OKLCH

0.5422 0.1019 276.5

Properties

Cool Dark Nearest: Indigo

Color Harmonies

Complementary

#6069AA

#AAA160

Analogous

#608EAA

#7C60AA

#6069AA

Triadic

#6069AA

#AA6069

#69AA60

Split Complementary

#6069AA

#AA7C60

#8EAA60

Tetradic

#6069AA

#AA608E

#AAA160

#60AA7C

Color Blindness Simulation

Original

#6069AA

Protanopia

#64649A

Deuteranopia

#636396

Tritanopia

#608E8B

Achromatopsia

#6C6C6C

CSS Usage

background-color: #6069AA;
color: #6069AA;
border-color: #6069AA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D0D3E6
300
#AFB4D4
400
#848BBD
500
#5962A6
600
#474F85
700
#393F6A
800
#2C3153
900
#23263E
950
#161827

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026