#67C3DB

#67C3DB

Color Values

HEX

#67C3DB

RGB

103, 195, 219

HSL

192.4, 61.7%, 63.1%

HSV

192.4, 53.0%, 85.9%

CMYK

53.0%, 11.0%, 0.0%, 14.1%

OKLCH

0.7694 0.0939 216.9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#67C3DB

#DB7F67

Analogous

#67DBB9

#6789DB

#67C3DB

Triadic

#67C3DB

#DB67C3

#C3DB67

Split Complementary

#67C3DB

#DB6789

#DBB967

Tetradic

#67C3DB

#B967DB

#DB7F67

#89DB67

Color Blindness Simulation

Original

#67C3DB

Protanopia

#8F90D5

Deuteranopia

#8A83D4

Tritanopia

#6CD1D0

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5E8F1
300
#9CD8E8
400
#66C3DB
500
#31AECE
600
#278BA5
700
#1F6F84
800
#185767
900
#16404B
950
#0E2930

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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