#0691C6

#0691C6

Color Values

HEX

#0691C6

RGB

6, 145, 198

HSL

196.6, 94.1%, 40.0%

HSV

196.6, 97.0%, 77.6%

CMYK

97.0%, 26.8%, 0.0%, 22.4%

OKLCH

0.6186 0.1277 233.6

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#0691C6

#C63B06

Analogous

#06C69B

#0631C6

#0691C6

Triadic

#0691C6

#C60691

#91C606

Split Complementary

#0691C6

#C60631

#C69B06

Tetradic

#0691C6

#9B06C6

#C63B06

#31C606

Color Blindness Simulation

Original

#0691C6

Protanopia

#4243B9

Deuteranopia

#3A30B6

Tritanopia

#0DAFAD

Achromatopsia

#777777

CSS Usage

background-color: #0691C6;
color: #0691C6;
border-color: #0691C6;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEAFD
300
#88DCFB
400
#48C8F9
500
#08B5F7
600
#0691C6
700
#05749E
800
#045B7C
900
#074359
950
#052A39

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass 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