#67B2F6

#67B2F6

Color Values

HEX

#67B2F6

RGB

103, 178, 246

HSL

208.5, 88.8%, 68.4%

HSV

208.5, 58.1%, 96.5%

CMYK

58.1%, 27.6%, 0.0%, 3.5%

OKLCH

0.7429 0.1242 247.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#67B2F6

#F6AB67

Analogous

#67F6F2

#676AF6

#67B2F6

Triadic

#67B2F6

#F667B2

#B2F667

Split Complementary

#67B2F6

#F6676A

#F6F267

Tetradic

#67B2F6

#F267F6

#F6AB67

#6AF667

Color Blindness Simulation

Original

#67B2F6

Protanopia

#8788E6

Deuteranopia

#837EE2

Tritanopia

#6BD9D6

Achromatopsia

#A7A7A7

CSS Usage

background-color: #67B2F6;
color: #67B2F6;
border-color: #67B2F6;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDDFB
300
#8BC5F8
400
#4DA5F4
500
#0E85F1
600
#0B6BC1
700
#09559A
800
#074378
900
#0A3257
950
#062037

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026