#310265

#310265

Color Values

HEX

#310265

RGB

49, 2, 101

HSL

268.5, 96.1%, 20.2%

HSV

268.5, 98.0%, 39.6%

CMYK

51.5%, 98.0%, 0.0%, 60.4%

OKLCH

0.2736 0.147 295.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310265

#366502

Analogous

#020465

#630265

#310265

Triadic

#310265

#653102

#026531

Split Complementary

#310265

#656302

#046502

Tetradic

#310265

#650204

#366502

#026563

Color Blindness Simulation

Original

#310265

Protanopia

#1D1C4D

Deuteranopia

#1F2347

Tritanopia

#2F3A36

Achromatopsia

#131313

CSS Usage

background-color: #310265;
color: #310265;
border-color: #310265;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#DAB9FE
300
#BF87FD
400
#9C46FB
500
#7905FA
600
#6104C8
700
#4E03A0
800
#3D027D
900
#2E075A
950
#1D0439

Contrast Checker

Text on white

15.82:1

AA Pass AAA Pass

Text on black

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