#260CC0

#260CC0

Color Values

HEX

#260CC0

RGB

38, 12, 192

HSL

248.7, 88.2%, 40.0%

HSV

248.7, 93.7%, 75.3%

CMYK

80.2%, 93.7%, 0.0%, 24.7%

OKLCH

0.3835 0.2411 271.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#260CC0

#A6C00C

Analogous

#0C4CC0

#800CC0

#260CC0

Triadic

#260CC0

#C0260C

#0CC026

Split Complementary

#260CC0

#C0800C

#4CC00C

Tetradic

#260CC0

#C00C4C

#A6C00C

#0CC080

Color Blindness Simulation

Original

#260CC0

Protanopia

#1B1B94

Deuteranopia

#1C1E8A

Tritanopia

#25726B

Achromatopsia

#1F1F1F

CSS Usage

background-color: #260CC0;
color: #260CC0;
border-color: #260CC0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E4E0FB
200
#C5BCFB
300
#9B8CF8
400
#664DF4
500
#300FF0
600
#260CC0
700
#1F0A9A
800
#180878
900
#150A57
950
#0D0637

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

1.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026