#82BCF8

#82BCF8

Color Values

HEX

#82BCF8

RGB

130, 188, 248

HSL

210.5, 89.4%, 74.1%

HSV

210.5, 47.6%, 97.3%

CMYK

47.6%, 24.2%, 0.0%, 2.7%

OKLCH

0.7785 0.1054 250.1

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#82BCF8

#F8BE82

Analogous

#82F7F8

#8382F8

#82BCF8

Triadic

#82BCF8

#F882BC

#BCF882

Split Complementary

#82BCF8

#F88382

#F7F882

Tetradic

#82BCF8

#F882F7

#F8BE82

#82F883

Color Blindness Simulation

Original

#82BCF8

Protanopia

#9B9CE9

Deuteranopia

#9893E6

Tritanopia

#85DEDC

Achromatopsia

#B4B4B4

CSS Usage

background-color: #82BCF8;
color: #82BCF8;
border-color: #82BCF8;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BBDBFB
300
#8BC1F9
400
#4C9FF5
500
#0E7EF1
600
#0B64C1
700
#09509B
800
#073F79
900
#093057
950
#061E37

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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