#1081F3

#1081F3

Color Values

HEX

#1081F3

RGB

16, 129, 243

HSL

210.1, 90.4%, 50.8%

HSV

210.1, 93.4%, 95.3%

CMYK

93.4%, 46.9%, 0.0%, 4.7%

OKLCH

0.61 0.1936 254.8

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#1081F3

#F38210

Analogous

#10F3F3

#1110F3

#1081F3

Triadic

#1081F3

#F31081

#81F310

Split Complementary

#1081F3

#F31110

#F3F310

Tetradic

#1081F3

#F310F3

#F38210

#10F311

Color Blindness Simulation

Original

#1081F3

Protanopia

#4142D7

Deuteranopia

#3A32D1

Tritanopia

#16C2BD

Achromatopsia

#717171

CSS Usage

background-color: #1081F3;
color: #1081F3;
border-color: #1081F3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDBFC
300
#8AC2F9
400
#4BA0F6
500
#0C7FF3
600
#0A66C2
700
#08519B
800
#064079
900
#093058
950
#061F37

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass 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