#68DEDF

#68DEDF

Color Values

HEX

#68DEDF

RGB

104, 222, 223

HSL

180.5, 65.0%, 64.1%

HSV

180.5, 53.4%, 87.5%

CMYK

53.4%, 0.4%, 0.0%, 12.5%

OKLCH

0.8335 0.1063 196.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#68DEDF

#DF6968

Analogous

#68DFA4

#68A2DF

#68DEDF

Triadic

#68DEDF

#DF68DE

#DEDF68

Split Complementary

#68DEDF

#DF68A2

#DFA468

Tetradic

#68DEDF

#A468DF

#DF6968

#A2DF68

Color Blindness Simulation

Original

#68DEDF

Protanopia

#9B9CDF

Deuteranopia

#948BDF

Tritanopia

#6EDFDF

Achromatopsia

#C5C5C5

CSS Usage

background-color: #68DEDF;
color: #68DEDF;
border-color: #68DEDF;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C4F2F3
300
#9AE9EA
400
#63DDDE
500
#2DD1D2
600
#24A7A8
700
#1D8687
800
#166869
900
#144C4D
950
#0D3031

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.1: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