#087EF2

#087EF2

Color Values

HEX

#087EF2

RGB

8, 126, 242

HSL

209.7, 93.6%, 49.0%

HSV

209.7, 96.7%, 94.9%

CMYK

96.7%, 47.9%, 0.0%, 5.1%

OKLCH

0.6022 0.1965 255.2

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#087EF2

#F27C08

Analogous

#08F2F1

#0809F2

#087EF2

Triadic

#087EF2

#F2087E

#7EF208

Split Complementary

#087EF2

#F20809

#F2F108

Tetradic

#087EF2

#F108F2

#F27C08

#09F208

Color Blindness Simulation

Original

#087EF2

Protanopia

#3B3CD6

Deuteranopia

#342BCF

Tritanopia

#0EC0BB

Achromatopsia

#6D6D6D

CSS Usage

background-color: #087EF2;
color: #087EF2;
border-color: #087EF2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADCFD
300
#89C2FB
400
#48A2F9
500
#0881F7
600
#0767C5
700
#05529E
800
#04407B
900
#083159
950
#051F38

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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