#8BA5D4

#8BA5D4

Color Values

HEX

#8BA5D4

RGB

139, 165, 212

HSL

218.6, 45.9%, 68.8%

HSV

218.6, 34.4%, 83.1%

CMYK

34.4%, 22.2%, 0.0%, 16.9%

OKLCH

0.7195 0.0748 262.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8BA5D4

#D4BA8B

Analogous

#8BC9D4

#958BD4

#8BA5D4

Triadic

#8BA5D4

#D48BA5

#A5D48B

Split Complementary

#8BA5D4

#D4958B

#C9D48B

Tetradic

#8BA5D4

#D48BC9

#D4BA8B

#8BD495

Color Blindness Simulation

Original

#8BA5D4

Protanopia

#9696C9

Deuteranopia

#9593C6

Tritanopia

#8CC0BE

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD7EC
300
#A6BADE
400
#7594CC
500
#456FBA
600
#375995
700
#2C4777
800
#22375D
900
#1C2B44
950
#121B2B

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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