#68C4D3

#68C4D3

Color Values

HEX

#68C4D3

RGB

104, 196, 211

HSL

188.4, 54.9%, 61.8%

HSV

188.4, 50.7%, 82.7%

CMYK

50.7%, 7.1%, 0.0%, 17.3%

OKLCH

0.7692 0.0901 209.2

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#68C4D3

#D37768

Analogous

#68D3AD

#688FD3

#68C4D3

Triadic

#68C4D3

#D368C4

#C4D368

Split Complementary

#68C4D3

#D3688F

#D3AD68

Tetradic

#68C4D3

#AD68D3

#D37768

#8FD368

Color Blindness Simulation

Original

#68C4D3

Protanopia

#9091CF

Deuteranopia

#8A84CE

Tritanopia

#6DCDCC

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E9EF
300
#A0DAE3
400
#6DC6D4
500
#3AB2C5
600
#2E8E9E
700
#25727E
800
#1D5963
900
#194248
950
#0F292E

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.43:1

AA Pass AAA Pass

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