#67A8DA

#67A8DA

Color Values

HEX

#67A8DA

RGB

103, 168, 218

HSL

206.1, 60.8%, 62.9%

HSV

206.1, 52.8%, 85.5%

CMYK

52.8%, 22.9%, 0.0%, 14.5%

OKLCH

0.7079 0.0993 243.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#67A8DA

#DA9967

Analogous

#67DAD2

#676EDA

#67A8DA

Triadic

#67A8DA

#DA67A8

#A8DA67

Split Complementary

#67A8DA

#DA676E

#DAD267

Tetradic

#67A8DA

#D267DA

#DA9967

#6EDA67

Color Blindness Simulation

Original

#67A8DA

Protanopia

#8384CE

Deuteranopia

#7F7ACB

Tritanopia

#6AC4C2

Achromatopsia

#9E9E9E

CSS Usage

background-color: #67A8DA;
color: #67A8DA;
border-color: #67A8DA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DEF1
300
#9DC7E7
400
#67A8DA
500
#328ACD
600
#286EA4
700
#205883
800
#194567
900
#16344B
950
#0E212F

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026