#06EDF1

#06EDF1

Color Values

HEX

#06EDF1

RGB

6, 237, 241

HSL

181.0, 95.1%, 48.4%

HSV

181.0, 97.5%, 94.5%

CMYK

97.5%, 1.7%, 0.0%, 5.5%

OKLCH

0.8582 0.1456 197.0

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#06EDF1

#F10A06

Analogous

#06F17F

#0678F1

#06EDF1

Triadic

#06EDF1

#F106ED

#EDF106

Split Complementary

#06EDF1

#F10678

#F17F06

Tetradic

#06EDF1

#7F06F1

#F10A06

#78F106

Color Blindness Simulation

Original

#06EDF1

Protanopia

#6A6CF0

Deuteranopia

#5D4BF0

Tritanopia

#12EFEF

Achromatopsia

#BCBCBC

CSS Usage

background-color: #06EDF1;
color: #06EDF1;
border-color: #06EDF1;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFD
300
#88FAFC
400
#47F7FA
500
#06F5F9
600
#05C4C7
700
#049D9F
800
#037A7C
900
#07595A
950
#043839

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026