#83BEF8

#83BEF8

Color Values

HEX

#83BEF8

RGB

131, 190, 248

HSL

209.7, 89.3%, 74.3%

HSV

209.7, 47.2%, 97.3%

CMYK

47.2%, 23.4%, 0.0%, 2.7%

OKLCH

0.7833 0.1034 248.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#83BEF8

#F8BD83

Analogous

#83F8F7

#8384F8

#83BEF8

Triadic

#83BEF8

#F883BE

#BEF883

Split Complementary

#83BEF8

#F88384

#F8F783

Tetradic

#83BEF8

#F783F8

#F8BD83

#84F883

Color Blindness Simulation

Original

#83BEF8

Protanopia

#9D9DEA

Deuteranopia

#9995E7

Tritanopia

#86DFDC

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BBDCFB
300
#8BC2F8
400
#4CA1F5
500
#0E81F1
600
#0B67C1
700
#09529A
800
#074079
900
#0A3157
950
#061F37

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

10.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026