#8DB2F4

#8DB2F4

Color Values

HEX

#8DB2F4

RGB

141, 178, 244

HSL

218.4, 82.4%, 75.5%

HSV

218.4, 42.2%, 95.7%

CMYK

42.2%, 27.0%, 0.0%, 4.3%

OKLCH

0.7619 0.1037 261.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#8DB2F4

#F4CF8D

Analogous

#8DE6F4

#9B8DF4

#8DB2F4

Triadic

#8DB2F4

#F48DB2

#B2F48D

Split Complementary

#8DB2F4

#F49B8D

#E6F48D

Tetradic

#8DB2F4

#F48DE6

#F4CF8D

#8DF49B

Color Blindness Simulation

Original

#8DB2F4

Protanopia

#9D9DE4

Deuteranopia

#9B98E0

Tritanopia

#8FD7D5

Achromatopsia

#AFAFAF

CSS Usage

background-color: #8DB2F4;
color: #8DB2F4;
border-color: #8DB2F4;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED3F9
300
#8FB4F4
400
#538BEE
500
#1662E9
600
#124EBA
700
#0E3F95
800
#0B3174
900
#0D2654
950
#081835

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026