#3000FF

#3000FF

Color Values

HEX

#3000FF

RGB

48, 0, 255

HSL

251.3, 100.0%, 50.0%

HSV

251.3, 100.0%, 100.0%

CMYK

81.2%, 100.0%, 0.0%, 0.0%

OKLCH

0.465 0.3047 270.0

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3000FF

#CFFF00

Analogous

#004FFF

#B000FF

#3000FF

Triadic

#3000FF

#FF3000

#00FF30

Split Complementary

#3000FF

#FFB000

#4FFF00

Tetradic

#3000FF

#FF004F

#CFFF00

#00FFB0

Color Blindness Simulation

Original

#3000FF

Protanopia

#1B1BC1

Deuteranopia

#1E22B2

Tritanopia

#2E9186

Achromatopsia

#1D1D1D

CSS Usage

background-color: #3000FF;
color: #3000FF;
border-color: #3000FF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F1FE
100
#E4DEFC
200
#C5B8FF
300
#9C85FF
400
#6642FF
500
#3000FF
600
#2600CC
700
#1F00A3
800
#180080
900
#15055C
950
#0D033A

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026