#0274FD

#0274FD

Color Values

HEX

#0274FD

RGB

2, 116, 253

HSL

212,7, 98,4%, 50,0%

HSV

212,7, 99,2%, 99,2%

CMYK

99,2%, 54,2%, 0,0%, 0,8%

OKLCH

0,5892 0,2221 258,5

Properties

Cool Light Nearest: Blue

Color Harmonies

Complementary

#0274FD

#FD8B02

Analogous

#02F2FD

#0D02FD

#0274FD

Triadic

#0274FD

#FD0274

#74FD02

Split Complementary

#0274FD

#FD0D02

#F2FD02

Tetradic

#0274FD

#FD02F2

#FD8B02

#02FD0D

Color Blindness Simulation

Original

#0274FD

Protanopia

#3334DC

Deuteranopia

#2D24D4

Tritanopia

#08C2BC

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FE
300
#86BCFE
400
#4498FD
500
#0274FD
600
#025DCA
700
#014AA2
800
#013A7E
900
#062D5B
950
#041C3A

Contrast Checker

Text on white

4,27:1

AA Fail AAA Fail

Text on black

4,92:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026