Nearest named color · #FF107A
#FF107A
Nearest named color: Guns N’ Roses
#FF107A (rgb(255 16 122), hsl(333 100% 53%), oklch(0.646 0.255 4.7)) is closest to the named color Guns N’ Roses. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FF107A
oklch(0.646 0.255 4.7)
Color conversions
- HEX
- #ff107a
- RGB
- rgb(255 16 122)
- HSL
- hsl(333 100% 53%)
- HWB
- hwb(333 6% 0%)
- OKLCH
- oklch(0.646 0.255 4.7)
- OKLab
- oklab(0.646 0.254 0.021)
- CIE Lab
- lab(55.89 82.48 9.8)
- LCH
- lch(55.89 83.06 6.8)
- CMYK
- cmyk(0% 94% 52% 0%)
Tints · Shades · Tones
Tints
- FF4387
- FF5F93
- FF77A0
- FF8DAD
- FFA1BA
- FFB4C8
- FFC8D5
- FFDAE3
- FFEDF1
Shades
- DE0C69
- BE0959
- 9E0649
- 80043A
- 63022B
- 48011D
- 2E0010
- 160005
- 030001
Tones
- F4327B
- E9437B
- DD507C
- D15B7C
- C5637D
- B96A7E
- AC717E
- 9E767F
- 907C7F
Color harmonies
Complementary +180°
- FF107A
Guns N’ Roses
- 00A497
≈ Tyrolite Blue-Green
Analogous -30° +30°
- FF107A
Guns N’ Roses
- E333CA
≈ Kriss Me Not Fuchsia
- FA4000
≈ Chéng Hóng Sè Orange
Triadic +120° +240°
- FF107A
Guns N’ Roses
- 789E00
≈ Luminescent Green
- 0095E9
≈ Pervenche
Split-complementary +150° +210°
- FF107A
Guns N’ Roses
- 00A960
≈ Greedo Green
- 009FB9
≈ January Blue
Tetradic +90° +180° +270°
- FF107A
Guns N’ Roses
- A88C00
≈ Strong Mustard
- 00A497
≈ Tyrolite Blue-Green
- 6F7EFF
≈ Orchid
Contrast & accessibility
Ag
FailOn white
WCAG 3.74:1 · APCA Lc 62
Ag
AAOn black
WCAG 5.60:1 · APCA Lc 39
Best text color: #000000
WCAG 5.60:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--guns-n-roses: #ff107a;
--guns-n-roses-rgb: 255 16 122;
--guns-n-roses-oklch: oklch(0.646 0.255 4.7);
}
.element {
color: var(--guns-n-roses);
background-color: hsl(333 100% 53%);
border-color: oklch(0.646 0.255 4.7);
}Tailwind CSS v4
@theme {
--color-guns-n-roses: #ff107a;
--color-guns-n-roses-50: #ffd7e9;
--color-guns-n-roses-100: #ffc3da;
--color-guns-n-roses-200: #ffa2c2;
--color-guns-n-roses-300: #ff75a2;
--color-guns-n-roses-400: #ff408b;
--color-guns-n-roses-500: #fe0070;
--color-guns-n-roses-600: #d6005f;
--color-guns-n-roses-700: #ad004c;
--color-guns-n-roses-800: #81003a;
--color-guns-n-roses-900: #5b0028;
--color-guns-n-roses-950: #3d0016;
}SCSS
$guns-n-roses: #ff107a;
$guns-n-roses-rgb: 255, 16, 122;
$guns-n-roses-light: mix(#fff, $guns-n-roses, 20%);
$guns-n-roses-dark: mix(#000, $guns-n-roses, 20%);
.element {
color: $guns-n-roses;
box-shadow: 0 0 0 2px rgba($guns-n-roses, 0.35);
}