Named color · #FF09FF
Rainbow’s Inner Rim
Rainbow’s Inner Rim is #FF09FF: rgb(255 9 255), hsl(300 100% 52%), oklch(0.703 0.321 328.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Rainbow’s Inner Rim color name →
#FF09FF
oklch(0.703 0.321 328.3)
Color conversions
- HEX
- #ff09ff
- RGB
- rgb(255 9 255)
- HSL
- hsl(300 100% 52%)
- HWB
- hwb(300 4% 0%)
- OKLCH
- oklch(0.703 0.321 328.3)
- OKLab
- oklab(0.703 0.273 -0.168)
- CIE Lab
- lab(60.34 93.04 -60.22)
- LCH
- lch(60.34 110.83 327.1)
- CMYK
- cmyk(0% 96% 0% 0%)
Tints · Shades · Tones
Tints
- FF47FF
- FF65FF
- FF7DFF
- FF93FF
- FFA6FF
- FFB9FF
- FFCBFF
- FFDDFF
- FFEEFF
Shades
- DE07DE
- BE05BE
- 9E039E
- 800280
- 630163
- 480148
- 2E002E
- 160016
- 030003
Tones
- F334F2
- E747E6
- DB55D9
- CF5FCC
- C367C0
- B66EB3
- A974A7
- 9C799A
- 8E7D8D
Color harmonies
Complementary +180°
- FF09FF
Rainbow’s Inner Rim
- 00BF4F
≈ Lǜ Sè Green
Analogous -30° +30°
- FF09FF
Rainbow’s Inner Rim
- AF82FF
≈ Lilac Geode
- FF599E
≈ Fuchsia Fever
Triadic +120° +240°
- FF09FF
Rainbow’s Inner Rim
- C49900
≈ Rapeseed
- 00B3C7
≈ Antigua Blue
Split-complementary +150° +210°
- FF09FF
Rainbow’s Inner Rim
- 96AC00
≈ Barf Green
- 00B9A0
≈ Aare River
Tetradic +90° +180° +270°
- FF09FF
Rainbow’s Inner Rim
- EA8000
≈ Bright Marigold
- 00BF4F
≈ Lǜ Sè Green
- 00ABF5
≈ Democrat
Contrast & accessibility
Ag
FailOn white
WCAG 3.11:1 · APCA Lc 56
Ag
AAOn black
WCAG 6.73:1 · APCA Lc 46
Best text color: #000000
WCAG 6.73:1 (AA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--rainbow-s-inner-rim: #ff09ff;
--rainbow-s-inner-rim-rgb: 255 9 255;
--rainbow-s-inner-rim-oklch: oklch(0.703 0.321 328.3);
}
.element {
color: var(--rainbow-s-inner-rim);
background-color: hsl(300 100% 52%);
border-color: oklch(0.703 0.321 328.3);
}Tailwind CSS v4
@theme {
--color-rainbow-s-inner-rim: #ff09ff;
--color-rainbow-s-inner-rim-50: #ffd3ff;
--color-rainbow-s-inner-rim-100: #ffbfff;
--color-rainbow-s-inner-rim-200: #ff9cff;
--color-rainbow-s-inner-rim-300: #ff69ff;
--color-rainbow-s-inner-rim-400: #fa27f9;
--color-rainbow-s-inner-rim-500: #e900eb;
--color-rainbow-s-inner-rim-600: #c400c6;
--color-rainbow-s-inner-rim-700: #9e009f;
--color-rainbow-s-inner-rim-800: #74007a;
--color-rainbow-s-inner-rim-900: #520056;
--color-rainbow-s-inner-rim-950: #36003a;
}SCSS
$rainbow-s-inner-rim: #ff09ff;
$rainbow-s-inner-rim-rgb: 255, 9, 255;
$rainbow-s-inner-rim-light: mix(#fff, $rainbow-s-inner-rim, 20%);
$rainbow-s-inner-rim-dark: mix(#000, $rainbow-s-inner-rim, 20%);
.element {
color: $rainbow-s-inner-rim;
box-shadow: 0 0 0 2px rgba($rainbow-s-inner-rim, 0.35);
}