#83BEEB

#83BEEB

Color Values

HEX

#83BEEB

RGB

131, 190, 235

HSL

206.0, 72.2%, 71.8%

HSV

206.0, 44.3%, 92.2%

CMYK

44.3%, 19.1%, 0.0%, 7.8%

OKLCH

0.7778 0.0889 242.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#83BEEB

#EBB083

Analogous

#83EBE4

#838AEB

#83BEEB

Triadic

#83BEEB

#EB83BE

#BEEB83

Split Complementary

#83BEEB

#EB838A

#EBE483

Tetradic

#83BEEB

#E483EB

#EBB083

#8AEB83

Color Blindness Simulation

Original

#83BEEB

Protanopia

#9D9DE0

Deuteranopia

#9995DE

Tritanopia

#86D8D6

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2DFF5
300
#96C8EE
400
#5DAAE5
500
#238CDC
600
#1C70B0
700
#17598D
800
#12466E
900
#113550
950
#0B2132

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.53:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026