#63B8FA

#63B8FA

Color Values

HEX

#63B8FA

RGB

99, 184, 250

HSL

206.2, 93.8%, 68.4%

HSV

206.2, 60.4%, 98.0%

CMYK

60.4%, 26.4%, 0.0%, 2.0%

OKLCH

0.7563 0.1263 244.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#63B8FA

#FAA563

Analogous

#63FAF0

#636CFA

#63B8FA

Triadic

#63B8FA

#FA63B8

#B8FA63

Split Complementary

#63B8FA

#FA636C

#FAF063

Tetradic

#63B8FA

#F063FA

#FAA563

#6CFA63

Color Blindness Simulation

Original

#63B8FA

Protanopia

#8889EA

Deuteranopia

#837CE6

Tritanopia

#67DDDB

Achromatopsia

#ABABAB

CSS Usage

background-color: #63B8FA;
color: #63B8FA;
border-color: #63B8FA;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FD
300
#88C9FB
400
#48ACF9
500
#088FF7
600
#0672C6
700
#055B9E
800
#04477C
900
#083659
950
#052238

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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