#8AC0FA

#8AC0FA

Color Values

HEX

#8AC0FA

RGB

138, 192, 250

HSL

211.1, 91.8%, 76.1%

HSV

211.1, 44.8%, 98.0%

CMYK

44.8%, 23.2%, 0.0%, 2.0%

OKLCH

0.7922 0.1005 250.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8AC0FA

#FAC48A

Analogous

#8AF8FA

#8C8AFA

#8AC0FA

Triadic

#8AC0FA

#FA8AC0

#C0FA8A

Split Complementary

#8AC0FA

#FA8C8A

#F8FA8A

Tetradic

#8AC0FA

#FA8AF8

#FAC48A

#8AFA8C

Color Blindness Simulation

Original

#8AC0FA

Protanopia

#A1A2EC

Deuteranopia

#9E9AE9

Tritanopia

#8DE1DE

Achromatopsia

#B9B9B9

CSS Usage

background-color: #8AC0FA;
color: #8AC0FA;
border-color: #8AC0FA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDAFC
300
#8AC0FA
400
#4A9DF7
500
#0A7BF5
600
#0863C4
700
#074F9D
800
#053E7A
900
#082F58
950
#051E38

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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