#018AFE

#018AFE

Color Values

HEX

#018AFE

RGB

1, 138, 254

HSL

207.5, 99.2%, 50.0%

HSV

207.5, 99.6%, 99.6%

CMYK

99.6%, 45.7%, 0.0%, 0.4%

OKLCH

0.6357 0.1983 253.4

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#018AFE

#FE7501

Analogous

#01FEF3

#010CFE

#018AFE

Triadic

#018AFE

#FE018A

#8AFE01

Split Complementary

#018AFE

#FE010C

#FEF301

Tetradic

#018AFE

#F301FE

#FE7501

#0CFE01

Color Blindness Simulation

Original

#018AFE

Protanopia

#3C3EE2

Deuteranopia

#342ADB

Tritanopia

#08CCC7

Achromatopsia

#757575

CSS Usage

background-color: #018AFE;
color: #018AFE;
border-color: #018AFE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DEFF
300
#85C7FF
400
#43A8FE
500
#018AFE
600
#016ECB
700
#0158A3
800
#01457F
900
#05345C
950
#03213A

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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