#83C1FB

#83C1FB

Color Values

HEX

#83C1FB

RGB

131, 193, 251

HSL

209.0, 93.8%, 74.9%

HSV

209.0, 47.8%, 98.4%

CMYK

47.8%, 23.1%, 0.0%, 1.6%

OKLCH

0.791 0.1048 247.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#83C1FB

#FBBD83

Analogous

#83FBF9

#8385FB

#83C1FB

Triadic

#83C1FB

#FB83C1

#C1FB83

Split Complementary

#83C1FB

#FB8385

#FBF983

Tetradic

#83C1FB

#F983FB

#FBBD83

#85FB83

Color Blindness Simulation

Original

#83C1FB

Protanopia

#9E9EED

Deuteranopia

#9A96EA

Tritanopia

#86E2DF

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADCFD
300
#88C4FB
400
#48A4F9
500
#0883F7
600
#0669C6
700
#05549E
800
#04427C
900
#083259
950
#051F38

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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