#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

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