#68B6F8

#68B6F8

Color Values

HEX

#68B6F8

RGB

104, 182, 248

HSL

207.5, 91.1%, 69.0%

HSV

207.5, 58.1%, 97.3%

CMYK

58.1%, 26.6%, 0.0%, 2.7%

OKLCH

0.753 0.123 245.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#68B6F8

#F8AA68

Analogous

#68F8F2

#686EF8

#68B6F8

Triadic

#68B6F8

#F868B6

#B6F868

Split Complementary

#68B6F8

#F8686E

#F8F268

Tetradic

#68B6F8

#F268F8

#F8AA68

#6EF868

Color Blindness Simulation

Original

#68B6F8

Protanopia

#8A8AE8

Deuteranopia

#857FE4

Tritanopia

#6CDBD9

Achromatopsia

#AAAAAA

CSS Usage

background-color: #68B6F8;
color: #68B6F8;
border-color: #68B6F8;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFC
300
#8AC6FA
400
#4BA8F7
500
#0B89F4
600
#096EC3
700
#07589C
800
#06457A
900
#093458
950
#062138

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.64:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026