#8FBAE8

#8FBAE8

Color Values

HEX

#8FBAE8

RGB

143, 186, 232

HSL

211.0, 65.9%, 73.5%

HSV

211.0, 38.4%, 91.0%

CMYK

38.4%, 19.8%, 0.0%, 9.0%

OKLCH

0.7748 0.0807 250.6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8FBAE8

#E8BD8F

Analogous

#8FE6E8

#908FE8

#8FBAE8

Triadic

#8FBAE8

#E88FBA

#BAE88F

Split Complementary

#8FBAE8

#E8908F

#E6E88F

Tetradic

#8FBAE8

#E88FE6

#E8BD8F

#8FE890

Color Blindness Simulation

Original

#8FBAE8

Protanopia

#A2A2DD

Deuteranopia

#9F9CDA

Tritanopia

#91D4D2

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF3
300
#99C0EA
400
#629FDF
500
#2B7DD4
600
#2364A9
700
#1C5087
800
#163E6A
900
#142F4D
950
#0C1E31

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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