#8AC4EF

#8AC4EF

Color Values

HEX

#8AC4EF

RGB

138, 196, 239

HSL

205.5, 75.9%, 73.9%

HSV

205.5, 42.3%, 93.7%

CMYK

42.3%, 18.0%, 0.0%, 6.3%

OKLCH

0.7962 0.0858 241.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8AC4EF

#EFB58A

Analogous

#8AEFE7

#8A92EF

#8AC4EF

Triadic

#8AC4EF

#EF8AC4

#C4EF8A

Split Complementary

#8AC4EF

#EF8A92

#EFE78A

Tetradic

#8AC4EF

#E78AEF

#EFB58A

#92EF8A

Color Blindness Simulation

Original

#8AC4EF

Protanopia

#A3A4E5

Deuteranopia

#A09BE2

Tritanopia

#8DDCDB

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0DFF6
300
#93C9F0
400
#59ABE8
500
#1F8EE0
600
#1972B3
700
#145B90
800
#0F4770
900
#0F3552
950
#0A2234

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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