#2F05C7

#2F05C7

Color Values

HEX

#2F05C7

RGB

47, 5, 199

HSL

253.0, 95.1%, 40.0%

HSV

253.0, 97.5%, 78.0%

CMYK

76.4%, 97.5%, 0.0%, 22.0%

OKLCH

0.3948 0.2481 273.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2F05C7

#9DC705

Analogous

#053CC7

#9005C7

#2F05C7

Triadic

#2F05C7

#C72F05

#05C72F

Split Complementary

#2F05C7

#C79005

#3CC705

Tetradic

#2F05C7

#C7053C

#9DC705

#05C790

Color Blindness Simulation

Original

#2F05C7

Protanopia

#1D1C98

Deuteranopia

#1F228D

Tritanopia

#2D736B

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F4F1FE
100
#E5DFFC
200
#C8B9FD
300
#A188FC
400
#6E47FA
500
#3B06F9
600
#2F05C7
700
#26049F
800
#1D037C
900
#19075A
950
#100439

Contrast Checker

Text on white

10.67:1

AA Pass AAA Pass

Text on black

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