#67BADB

#67BADB

Color Values

HEX

#67BADB

RGB

103, 186, 219

HSL

197.1, 61.7%, 63.1%

HSV

197.1, 53.0%, 85.9%

CMYK

53.0%, 15.1%, 0.0%, 14.1%

OKLCH

0.7489 0.0937 226.0

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#67BADB

#DB8867

Analogous

#67DBC2

#6780DB

#67BADB

Triadic

#67BADB

#DB67BA

#BADB67

Split Complementary

#67BADB

#DB6780

#DBC267

Tetradic

#67BADB

#C267DB

#DB8867

#80DB67

Color Blindness Simulation

Original

#67BADB

Protanopia

#8B8CD3

Deuteranopia

#8680D1

Tritanopia

#6BCDCB

Achromatopsia

#ABABAB

CSS Usage

background-color: #67BADB;
color: #67BADB;
border-color: #67BADB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E5F1
300
#9CD2E8
400
#66BADB
500
#31A1CE
600
#2781A5
700
#1F6784
800
#185167
900
#163C4B
950
#0E2630

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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