#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026