Nearest named color · #FF0024
#FF0024
Nearest named color: Incision
#FF0024 (rgb(255 0 36), hsl(352 100% 50%), oklch(0.629 0.256 26.1)) is closest to the named color Incision. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FF0024
oklch(0.629 0.256 26.1)
Color conversions
- HEX
- #ff0024
- RGB
- rgb(255 0 36)
- HSL
- hsl(352 100% 50%)
- HWB
- hwb(352 0% 0%)
- OKLCH
- oklch(0.629 0.256 26.1)
- OKLab
- oklab(0.629 0.23 0.113)
- CIE Lab
- lab(54.4 81.06 57.79)
- LCH
- lch(54.4 99.55 35.5)
- CMYK
- cmyk(0% 100% 86% 0%)
Tints · Shades · Tones
Tints
- FF4040
- FF5E57
- FF766D
- FF8C82
- FFA196
- FFB4AB
- FFC8C0
- FFDAD5
- FFEDEA
Shades
- DE001E
- BE0018
- 9E0012
- 80000C
- 630007
- 480004
- 2E0002
- 160000
- 030000
Tones
- F42E33
- E9413F
- DD4F49
- D25A52
- C6635B
- B96A63
- AC716B
- 9F7672
- 907C79
Color harmonies
Complementary +180°
- FF0024
Incision
- 009BA9
≈ Turkish Boy
Analogous -30° +30°
- FF0024
Incision
- F3068D
≈ Fabulous Fuchsia
- CD6B00
≈ Sludge
Triadic +120° +240°
- FF0024
Incision
- 00A536
≈ Poetic Green
- 507EFF
≈ C64 NTSC
Split-complementary +150° +210°
- FF0024
Incision
- 00A086
≈ Reptilian Green
- 0094CF
≈ Rich Electric Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.97:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.27:1 · APCA Lc 38
Best text color: #000000
WCAG 5.27:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--incision: #ff0024;
--incision-rgb: 255 0 36;
--incision-oklch: oklch(0.629 0.256 26.1);
}
.element {
color: var(--incision);
background-color: hsl(352 100% 50%);
border-color: oklch(0.629 0.256 26.1);
}Tailwind CSS v4
@theme {
--color-incision: #ff0024;
--color-incision-50: #ffd9cc;
--color-incision-100: #ffc7b8;
--color-incision-200: #ffa695;
--color-incision-300: #ff7969;
--color-incision-400: #ff4444;
--color-incision-500: #ff0000;
--color-incision-600: #dc0009;
--color-incision-700: #b20009;
--color-incision-800: #85000c;
--color-incision-900: #5e0008;
--color-incision-950: #400000;
}SCSS
$incision: #ff0024;
$incision-rgb: 255, 0, 36;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}