#0276FD

#0276FD

Color Values

HEX

#0276FD

RGB

2, 118, 253

HSL

212,3, 98,4%, 50,0%

HSV

212,3, 99,2%, 99,2%

CMYK

99,2%, 53,4%, 0,0%, 0,8%

OKLCH

0,5932 0,2197 258,1

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#0276FD

#FD8902

Analogous

#02F3FD

#0C02FD

#0276FD

Triadic

#0276FD

#FD0276

#76FD02

Split Complementary

#0276FD

#FD0C02

#F3FD02

Tetradic

#0276FD

#FD02F3

#FD8902

#02FD0C

Color Blindness Simulation

Original

#0276FD

Protanopia

#3435DC

Deuteranopia

#2E25D4

Tritanopia

#08C3BD

Achromatopsia

#676767

CSS Usage

background-color: #0276FD;
color: #0276FD;
border-color: #0276FD;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FE
300
#86BDFE
400
#449AFD
500
#0276FD
600
#025ECA
700
#014BA2
800
#013B7E
900
#062D5B
950
#041D3A

Contrast Checker

Text on white

4,19:1

AA Fail AAA Fail

Text on black

5,01:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026