#2F02CA

#2F02CA

Color Values

HEX

#2F02CA

RGB

47, 2, 202

HSL

253.5, 98.0%, 40.0%

HSV

253.5, 99.0%, 79.2%

CMYK

76.7%, 99.0%, 0.0%, 20.8%

OKLCH

0.3973 0.252 273.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2F02CA

#9DCA02

Analogous

#0239CA

#9302CA

#2F02CA

Triadic

#2F02CA

#CA2F02

#02CA2F

Split Complementary

#2F02CA

#CA9302

#39CA02

Tetradic

#2F02CA

#CA0239

#9DCA02

#02CA93

Color Blindness Simulation

Original

#2F02CA

Protanopia

#1C1B9A

Deuteranopia

#1E228E

Tritanopia

#2D736B

Achromatopsia

#1A1A1A

CSS Usage

background-color: #2F02CA;
color: #2F02CA;
border-color: #2F02CA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F1FE
100
#E5DEFC
200
#C8B8FE
300
#A186FE
400
#6E44FD
500
#3B03FC
600
#2F02CA
700
#2602A2
800
#1D017E
900
#19065B
950
#10043A

Contrast Checker

Text on white

10.59:1

AA Pass AAA Pass

Text on black

1.98:1

AA Fail 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