Named color · #220066
Blackmail
Blackmail is #220066: rgb(34 0 102), hsl(260 100% 20%), oklch(0.255 0.15 283.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Blackmail color name →
#220066
oklch(0.255 0.15 283.9)
Color conversions
- HEX
- #220066
- RGB
- rgb(34 0 102)
- HSL
- hsl(260 100% 20%)
- HWB
- hwb(260 0% 60%)
- OKLCH
- oklch(0.255 0.15 283.9)
- OKLab
- oklab(0.255 0.036 -0.146)
- CIE Lab
- lab(10.27 36.67 -52.04)
- LCH
- lch(10.27 63.67 305.2)
- CMYK
- cmyk(67% 100% 0% 60%)
Tints · Shades · Tones
Tints
- 312376
- 433C86
- 575396
- 6C6BA5
- 8283B5
- 9A9BC4
- B2B3D3
- CBCCE2
- E5E5F0
Shades
- 1C0058
- 16004A
- 11003C
- 0B002F
- 070023
- 030017
- 01000C
- 000004
- 000000
Tones
- 28166A
- 2F256D
- 383271
- 413E74
- 4A4977
- 545479
- 5F5F7B
- 696A7D
- 75757F
Color harmonies
Complementary +180°
- 220066
Blackmail
- 272400
≈ Liquorice Root
Analogous -30° +30°
- 220066
Blackmail
- 002248
≈ Oxford Blue
- 37004C
≈ Romanic Scene
Triadic +120° +240°
- 220066
Blackmail
- 3E1300
≈ Black Chocolate
- 002B1B
≈ Bush
Split-complementary +150° +210°
- 220066
Blackmail
- 321E00
≈ Powdered Cocoa
- 132A00
≈ Zia Olive
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 16.66:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.25:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.66:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--blackmail: #220066;
--blackmail-rgb: 34 0 102;
--blackmail-oklch: oklch(0.255 0.15 283.9);
}
.element {
color: var(--blackmail);
background-color: hsl(260 100% 20%);
border-color: oklch(0.255 0.15 283.9);
}Tailwind CSS v4
@theme {
--color-blackmail: #220066;
--color-blackmail-50: #f1f0ff;
--color-blackmail-100: #e3e1ff;
--color-blackmail-200: #cecbff;
--color-blackmail-300: #b1acff;
--color-blackmail-400: #9490f3;
--color-blackmail-500: #7c74e5;
--color-blackmail-600: #6963c1;
--color-blackmail-700: #544f9b;
--color-blackmail-800: #3b3a74;
--color-blackmail-900: #292852;
--color-blackmail-950: #171537;
}SCSS
$blackmail: #220066;
$blackmail-rgb: 34, 0, 102;
$blackmail-light: mix(#fff, $blackmail, 20%);
$blackmail-dark: mix(#000, $blackmail, 20%);
.element {
color: $blackmail;
box-shadow: 0 0 0 2px rgba($blackmail, 0.35);
}