#2872FF

#2872FF

Color Values

HEX

#2872FF

RGB

40, 114, 255

HSL

219.3, 100.0%, 57.8%

HSV

219.3, 84.3%, 100.0%

CMYK

84.3%, 55.3%, 0.0%, 0.0%

OKLCH

0.5921 0.2223 261.7

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#2872FF

#FFB528

Analogous

#28DEFF

#4928FF

#2872FF

Triadic

#2872FF

#FF2872

#72FF28

Split Complementary

#2872FF

#FF4928

#DEFF28

Tetradic

#2872FF

#FF28DE

#FFB528

#28FF49

Color Blindness Simulation

Original

#2872FF

Protanopia

#4849DD

Deuteranopia

#443ED5

Tritanopia

#2CC2BC

Achromatopsia

#6C6C6C

CSS Usage

background-color: #2872FF;
color: #2872FF;
border-color: #2872FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8D0FF
300
#85AFFF
400
#4283FF
500
#0058FF
600
#0046CC
700
#0038A3
800
#002C80
900
#05235C
950
#03163A

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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