#0083F4

#0083F4

Color Values

HEX

#0083F4

RGB

0, 131, 244

HSL

207.8, 100.0%, 47.8%

HSV

207.8, 100.0%, 95.7%

CMYK

100.0%, 46.3%, 0.0%, 4.3%

OKLCH

0.6137 0.1939 253.8

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#0083F4

#F47100

Analogous

#00F4EB

#0009F4

#0083F4

Triadic

#0083F4

#F40083

#83F400

Split Complementary

#0083F4

#F40009

#F4EB00

Tetradic

#0083F4

#EB00F4

#F47100

#09F400

Color Blindness Simulation

Original

#0083F4

Protanopia

#393AD9

Deuteranopia

#3127D2

Tritanopia

#07C3BE

Achromatopsia

#6F6F6F

CSS Usage

background-color: #0083F4;
color: #0083F4;
border-color: #0083F4;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DEFF
300
#85C6FF
400
#42A8FF
500
#0089FF
600
#006DCC
700
#0058A3
800
#004480
900
#05345C
950
#03213A

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

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