#8DBAF0

#8DBAF0

Color Values

HEX

#8DBAF0

RGB

141, 186, 240

HSL

212.7, 76.7%, 74.7%

HSV

212.7, 41.2%, 94.1%

CMYK

41.2%, 22.5%, 0.0%, 5.9%

OKLCH

0.7769 0.0914 253.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#8DBAF0

#F0C38D

Analogous

#8DECF0

#918DF0

#8DBAF0

Triadic

#8DBAF0

#F08DBA

#BAF08D

Split Complementary

#8DBAF0

#F0918D

#ECF08D

Tetradic

#8DBAF0

#F08DEC

#F0C38D

#8DF091

Color Blindness Simulation

Original

#8DBAF0

Protanopia

#A0A1E3

Deuteranopia

#9E9AE0

Tritanopia

#8FD9D6

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F7
300
#93BEF1
400
#589AE9
500
#1E77E1
600
#185FB4
700
#134C90
800
#0F3B71
900
#0F2D52
950
#091D34

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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