#06709E

#06709E

Color Values

HEX

#06709E

RGB

6, 112, 158

HSL

198.2, 92.7%, 32.2%

HSV

198.2, 96.2%, 62.0%

CMYK

96.2%, 29.1%, 0.0%, 38.0%

OKLCH

0.516 0.1097 236.2

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#06709E

#9E3406

Analogous

#069E80

#06249E

#06709E

Triadic

#06709E

#9E0670

#709E06

Split Complementary

#06709E

#9E0624

#9E8006

Tetradic

#06709E

#80069E

#9E3406

#249E06

Color Blindness Simulation

Original

#06709E

Protanopia

#343593

Deuteranopia

#2E2690

Tritanopia

#0B8A88

Achromatopsia

#5D5D5D

CSS Usage

background-color: #06709E;
color: #06709E;
border-color: #06709E;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAE8FC
300
#89D8FB
400
#49C3F8
500
#09AEF6
600
#078BC5
700
#066F9D
800
#05577B
900
#084059
950
#052938

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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