#83BDF4

#83BDF4

Color Values

HEX

#83BDF4

RGB

131, 189, 244

HSL

209.2, 83.7%, 73.5%

HSV

209.2, 46.3%, 95.7%

CMYK

46.3%, 22.5%, 0.0%, 4.3%

OKLCH

0.7794 0.0994 247.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#83BDF4

#F4BA83

Analogous

#83F4F2

#8384F4

#83BDF4

Triadic

#83BDF4

#F483BD

#BDF483

Split Complementary

#83BDF4

#F48384

#F4F283

Tetradic

#83BDF4

#F283F4

#F4BA83

#84F483

Color Blindness Simulation

Original

#83BDF4

Protanopia

#9C9DE7

Deuteranopia

#9994E3

Tritanopia

#86DCDA

Achromatopsia

#B5B5B5

CSS Usage

background-color: #83BDF4;
color: #83BDF4;
border-color: #83BDF4;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDCF9
300
#8FC3F5
400
#52A3F0
500
#1582EA
600
#1168BB
700
#0D5396
800
#0A4175
900
#0C3155
950
#081F36

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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