#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026