#8AB0DB

#8AB0DB

Color Values

HEX

#8AB0DB

RGB

138, 176, 219

HSL

211.9, 52.9%, 70.0%

HSV

211.9, 37.0%, 85.9%

CMYK

37.0%, 19.6%, 0.0%, 14.1%

OKLCH

0.7451 0.0749 251.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#8AB0DB

#DBB58A

Analogous

#8AD8DB

#8D8ADB

#8AB0DB

Triadic

#8AB0DB

#DB8AB0

#B0DB8A

Split Complementary

#8AB0DB

#DB8D8A

#D8DB8A

Tetradic

#8AB0DB

#DB8AD8

#DBB58A

#8ADB8D

Color Blindness Simulation

Original

#8AB0DB

Protanopia

#9A9BD1

Deuteranopia

#9895CE

Tritanopia

#8CC8C7

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C8DAEE
300
#A1C0E2
400
#6F9DD3
500
#3C7BC3
600
#30639C
700
#264F7D
800
#1E3E61
900
#192F48
950
#101E2D

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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