#67DDEE

#67DDEE

Color Values

HEX

#67DDEE

RGB

103, 221, 238

HSL

187.6, 79.9%, 66.9%

HSV

187.6, 56.7%, 93.3%

CMYK

56.7%, 7.1%, 0.0%, 6.7%

OKLCH

0.836 0.1083 208.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#67DDEE

#EE7867

Analogous

#67EEBC

#679AEE

#67DDEE

Triadic

#67DDEE

#EE67DD

#DDEE67

Split Complementary

#67DDEE

#EE679A

#EEBC67

Tetradic

#67DDEE

#BC67EE

#EE7867

#9AEE67

Color Blindness Simulation

Original

#67DDEE

Protanopia

#9A9BEA

Deuteranopia

#938AE9

Tritanopia

#6DE7E6

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E1F6F9
200
#BFF1F8
300
#91E6F3
400
#55D9EC
500
#1ACCE5
600
#15A3B7
700
#108293
800
#0D6673
900
#0E4A53
950
#092F35

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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