#069EB0

#069EB0

Color Values

HEX

#069EB0

RGB

6, 158, 176

HSL

186.4, 93.4%, 35.7%

HSV

186.4, 96.6%, 69.0%

CMYK

96.6%, 10.2%, 0.0%, 31.0%

OKLCH

0.6405 0.1096 209.1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#069EB0

#B01806

Analogous

#06B06D

#0649B0

#069EB0

Triadic

#069EB0

#B0069E

#9EB006

Split Complementary

#069EB0

#B00649

#B06D06

Tetradic

#069EB0

#6D06B0

#B01806

#49B006

Color Blindness Simulation

Original

#069EB0

Protanopia

#4849AC

Deuteranopia

#3F34AB

Tritanopia

#0EA8A7

Achromatopsia

#7F7F7F

CSS Usage

background-color: #069EB0;
color: #069EB0;
border-color: #069EB0;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF6FD
300
#89EFFB
400
#49E6F9
500
#08DDF7
600
#07B1C5
700
#058E9E
800
#046F7B
900
#085059
950
#053338

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026