Named color · #FF004D
Bloody Pico-8
Bloody Pico-8 is #FF004D: rgb(255 0 77), hsl(342 100% 50%), oklch(0.634 0.254 17.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Bloody Pico-8 color name →
#FF004D
oklch(0.634 0.254 17.6)
Color conversions
- HEX
- #ff004d
- RGB
- rgb(255 0 77)
- HSL
- hsl(342 100% 50%)
- HWB
- hwb(342 0% 0%)
- OKLCH
- oklch(0.634 0.254 17.6)
- OKLab
- oklab(0.634 0.242 0.077)
- CIE Lab
- lab(54.76 81.87 35.43)
- LCH
- lch(54.76 89.2 23.4)
- CMYK
- cmyk(0% 100% 70% 0%)
Tints · Shades · Tones
Tints
- FF405F
- FF5D70
- FF7682
- FF8C93
- FFA0A5
- FFB4B6
- FFC7C8
- FFDADA
- FFEDED
Shades
- DE0042
- BE0037
- 9E002C
- 800022
- 630018
- 48000F
- 2E0007
- 160002
- 030000
Tones
- F42E53
- E94159
- DD4F5E
- D25963
- C66268
- B96A6D
- AC7072
- 9F7677
- 907B7B
Color harmonies
Complementary +180°
- FF004D
Bloody Pico-8
- 009EA1
≈ Pleasant Stream
Analogous -30° +30°
- FF004D
Bloody Pico-8
- ED1EA6
≈ Magnificent Magenta
- DB6100
≈ Ancient Bamboo
Triadic +120° +240°
- FF004D
Bloody Pico-8
- 45A300
≈ Lawn Green
- 2D86FF
≈ Pool Water
Split-complementary +150° +210°
- FF004D
Bloody Pico-8
- 00A37B
≈ Sport Green
- 0098C4
≈ Atomic Blue
Tetradic +90° +180° +270°
- FF004D
Bloody Pico-8
- 948F00
≈ Old Asparagus
- 009EA1
≈ Pleasant Stream
- 886CFF
≈ Blackthorn Berry
Contrast & accessibility
Ag
FailOn white
WCAG 3.91:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.35:1 · APCA Lc 38
Best text color: #000000
WCAG 5.35:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--bloody-pico-8: #ff004d;
--bloody-pico-8-rgb: 255 0 77;
--bloody-pico-8-oklch: oklch(0.634 0.254 17.6);
}
.element {
color: var(--bloody-pico-8);
background-color: hsl(342 100% 50%);
border-color: oklch(0.634 0.254 17.6);
}Tailwind CSS v4
@theme {
--color-bloody-pico-8: #ff004d;
--color-bloody-pico-8-50: #ffd8d8;
--color-bloody-pico-8-100: #ffc5c5;
--color-bloody-pico-8-200: #ffa4a7;
--color-bloody-pico-8-300: #ff7781;
--color-bloody-pico-8-400: #ff4264;
--color-bloody-pico-8-500: #ff0041;
--color-bloody-pico-8-600: #db0038;
--color-bloody-pico-8-700: #b0002d;
--color-bloody-pico-8-800: #840023;
--color-bloody-pico-8-900: #5d0017;
--color-bloody-pico-8-950: #3f0008;
}SCSS
$bloody-pico-8: #ff004d;
$bloody-pico-8-rgb: 255, 0, 77;
$bloody-pico-8-light: mix(#fff, $bloody-pico-8, 20%);
$bloody-pico-8-dark: mix(#000, $bloody-pico-8, 20%);
.element {
color: $bloody-pico-8;
box-shadow: 0 0 0 2px rgba($bloody-pico-8, 0.35);
}