#083BC4

#083BC4

Color Values

HEX

#083BC4

RGB

8, 59, 196

HSL

223.7, 92.2%, 40.0%

HSV

223.7, 95.9%, 76.9%

CMYK

95.9%, 69.9%, 0.0%, 23.1%

OKLCH

0.4312 0.2168 263.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#083BC4

#C49108

Analogous

#0899C4

#3308C4

#083BC4

Triadic

#083BC4

#C4083B

#3BC408

Split Complementary

#083BC4

#C43308

#99C408

Tetradic

#083BC4

#C40899

#C49108

#08C433

Color Blindness Simulation

Original

#083BC4

Protanopia

#1E1FA3

Deuteranopia

#1B179B

Tritanopia

#0B8983

Achromatopsia

#3A3A3A

CSS Usage

background-color: #083BC4;
color: #083BC4;
border-color: #083BC4;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACCFC
300
#89A8FA
400
#4A79F8
500
#0A4AF5
600
#083BC4
700
#062F9D
800
#05257B
900
#081E59
950
#051338

Contrast Checker

Text on white

8.63:1

AA Pass AAA Pass

Text on black

2.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026