#8ABFF2

#8ABFF2

Color Values

HEX

#8ABFF2

RGB

138, 191, 242

HSL

209.4, 80.0%, 74.5%

HSV

209.4, 43.0%, 94.9%

CMYK

43.0%, 21.1%, 0.0%, 5.1%

OKLCH

0.7867 0.0919 248.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8ABFF2

#F2BD8A

Analogous

#8AF2F1

#8A8BF2

#8ABFF2

Triadic

#8ABFF2

#F28ABF

#BFF28A

Split Complementary

#8ABFF2

#F28A8B

#F2F18A

Tetradic

#8ABFF2

#F18AF2

#F2BD8A

#8BF28A

Color Blindness Simulation

Original

#8ABFF2

Protanopia

#A1A1E6

Deuteranopia

#9E9AE3

Tritanopia

#8DDCDA

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#91C3F3
400
#55A2EC
500
#1982E6
600
#1468B8
700
#105393
800
#0D4173
900
#0E3153
950
#091F35

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.82:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026