#67C2DB

#67C2DB

Color Values

HEX

#67C2DB

RGB

103, 194, 219

HSL

192,9, 61,7%, 63,1%

HSV

192,9, 53,0%, 85,9%

CMYK

53,0%, 11,4%, 0,0%, 14,1%

OKLCH

0,7671 0,0938 217,9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#67C2DB

#DB8067

Analogous

#67DBBA

#6788DB

#67C2DB

Triadic

#67C2DB

#DB67C2

#C2DB67

Split Complementary

#67C2DB

#DB6788

#DBBA67

Tetradic

#67C2DB

#BA67DB

#DB8067

#88DB67

Color Blindness Simulation

Original

#67C2DB

Protanopia

#8E8FD5

Deuteranopia

#8982D3

Tritanopia

#6CD0CF

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F2F7
200
#C5E8F1
300
#9CD7E8
400
#66C2DB
500
#31ACCE
600
#278AA5
700
#1F6E84
800
#185667
900
#16404B
950
#0E2830

Contrast Checker

Text on white

2,04:1

AA Fail AAA Fail

Text on black

10,32:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026