#83C1F4

#83C1F4

Color Values

HEX

#83C1F4

RGB

131, 193, 244

HSL

207.1, 83.7%, 73.5%

HSV

207.1, 46.3%, 95.7%

CMYK

46.3%, 20.9%, 0.0%, 4.3%

OKLCH

0.788 0.0969 244.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#83C1F4

#F4B683

Analogous

#83F4EF

#8388F4

#83C1F4

Triadic

#83C1F4

#F483C1

#C1F483

Split Complementary

#83C1F4

#F48388

#F4EF83

Tetradic

#83C1F4

#EF83F4

#F4B683

#88F483

Color Blindness Simulation

Original

#83C1F4

Protanopia

#9E9EE8

Deuteranopia

#9A96E5

Tritanopia

#86DEDC

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEF9
300
#8FC7F5
400
#52A8F0
500
#158AEA
600
#116EBB
700
#0D5896
800
#0A4575
900
#0C3455
950
#082136

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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