#8ABEEC

#8ABEEC

Color Values

HEX

#8ABEEC

RGB

138, 190, 236

HSL

208.2, 72.1%, 73.3%

HSV

208.2, 41.5%, 92.5%

CMYK

41.5%, 19.5%, 0.0%, 7.5%

OKLCH

0.7821 0.0857 245.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8ABEEC

#ECB88A

Analogous

#8AECE9

#8A8DEC

#8ABEEC

Triadic

#8ABEEC

#EC8ABE

#BEEC8A

Split Complementary

#8ABEEC

#EC8A8D

#ECE98A

Tetradic

#8ABEEC

#E98AEC

#ECB88A

#8DEC8A

Color Blindness Simulation

Original

#8ABEEC

Protanopia

#A1A1E1

Deuteranopia

#9E9ADE

Tritanopia

#8DD8D6

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF5
300
#96C4EE
400
#5DA5E5
500
#2485DB
600
#1C6AB0
700
#17558C
800
#12436E
900
#113250
950
#0B2032

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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