#06AFC6

#06AFC6

Color Values

HEX

#06AFC6

RGB

6, 175, 198

HSL

187.2, 94.1%, 40.0%

HSV

187.2, 97.0%, 77.6%

CMYK

97.0%, 11.6%, 0.0%, 22.4%

OKLCH

0.6919 0.1195 211.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#06AFC6

#C61D06

Analogous

#06C67D

#064FC6

#06AFC6

Triadic

#06AFC6

#C606AF

#AFC606

Split Complementary

#06AFC6

#C6064F

#C67D06

Tetradic

#06AFC6

#7D06C6

#C61D06

#4FC606

Color Blindness Simulation

Original

#06AFC6

Protanopia

#4F51C0

Deuteranopia

#4539BF

Tritanopia

#0EBCBB

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FD
300
#88EEFB
400
#48E4F9
500
#08DBF7
600
#06AFC6
700
#058C9E
800
#046D7C
900
#075059
950
#053239

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.96:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026