#2891FA

#2891FA

Color Values

HEX

#2891FA

RGB

40, 145, 250

HSL

210.0, 95.5%, 56.9%

HSV

210.0, 84.0%, 98.0%

CMYK

84.0%, 42.0%, 0.0%, 2.0%

OKLCH

0.6527 0.1811 252.9

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#2891FA

#FA9128

Analogous

#28FAFA

#2828FA

#2891FA

Triadic

#2891FA

#FA2891

#91FA28

Split Complementary

#2891FA

#FA2828

#FAFA28

Tetradic

#2891FA

#FA28FA

#FA9128

#28FA28

Color Blindness Simulation

Original

#2891FA

Protanopia

#5556E1

Deuteranopia

#4F48DA

Tritanopia

#2DCDC8

Achromatopsia

#828282

CSS Usage

background-color: #2891FA;
color: #2891FA;
border-color: #2891FA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DBFD
300
#87C2FC
400
#47A1FB
500
#0680F9
600
#0566C7
700
#0452A0
800
#03407D
900
#07305A
950
#041F39

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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