Named color · #FB9587
Adobe Avenue
Adobe Avenue is #FB9587: rgb(251 149 135), hsl(7 94% 76%), oklch(0.773 0.125 28.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Adobe Avenue color name →
#FB9587
oklch(0.773 0.125 28.6)
Color conversions
- HEX
- #fb9587
- RGB
- rgb(251 149 135)
- HSL
- hsl(7 94% 76%)
- HWB
- hwb(7 53% 2%)
- OKLCH
- oklch(0.773 0.125 28.6)
- OKLab
- oklab(0.773 0.11 0.06)
- CIE Lab
- lab(72.55 38.22 24.8)
- LCH
- lch(72.55 45.56 33)
- CMYK
- cmyk(0% 41% 46% 2%)
Tints · Shades · Tones
Tints
- FDA093
- FEAB9F
- FFB6AB
- FFC0B6
- FFCBC2
- FFD5CE
- FFE0DA
- FFEAE7
- FFF5F3
Shades
- DA8175
- BA6D63
- 9C5A51
- 7E4841
- 613731
- 462621
- 2D1613
- 150806
- 030101
Tones
- EF9387
- E39286
- D79086
- CA8E85
- BE8C84
- B28A84
- A68883
- 998582
- 8D8381
Color harmonies
Complementary +180°
- FB9587
Adobe Avenue
- 2CCBE0
≈ Picnic Day Sky
Analogous -30° +30°
- FB9587
Adobe Avenue
- F592B4
≈ Illusion
- F0A05F
≈ Adventure Orange
Triadic +120° +240°
- FB9587
Adobe Avenue
- 79CB88
≈ Serengeti Green
- 97B2FF
≈ Widowmaker
Split-complementary +150° +210°
- FB9587
Adobe Avenue
- 3FCFB6
≈ Simply Aqua
- 5FC0FC
≈ Blue Mana
Tetradic +90° +180° +270°
- FB9587
Adobe Avenue
- ADC05F
≈ Middle Green Yellow
- 2CCBE0
≈ Picnic Day Sky
- C0A3FA
≈ Diva
Contrast & accessibility
Ag
FailOn white
WCAG 2.15:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.75:1 · APCA Lc 60
Best text color: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--adobe-avenue: #fb9587;
--adobe-avenue-rgb: 251 149 135;
--adobe-avenue-oklch: oklch(0.773 0.125 28.6);
}
.element {
color: var(--adobe-avenue);
background-color: hsl(7 94% 76%);
border-color: oklch(0.773 0.125 28.6);
}Tailwind CSS v4
@theme {
--color-adobe-avenue: #fb9587;
--color-adobe-avenue-50: #ffe9e0;
--color-adobe-avenue-100: #ffd9cf;
--color-adobe-avenue-200: #ffc1b4;
--color-adobe-avenue-300: #f19f91;
--color-adobe-avenue-400: #df8073;
--color-adobe-avenue-500: #cc6155;
--color-adobe-avenue-600: #ac5348;
--color-adobe-avenue-700: #8a4239;
--color-adobe-avenue-800: #672f2a;
--color-adobe-avenue-900: #48201c;
--color-adobe-avenue-950: #2f0f0d;
}SCSS
$adobe-avenue: #fb9587;
$adobe-avenue-rgb: 251, 149, 135;
$adobe-avenue-light: mix(#fff, $adobe-avenue, 20%);
$adobe-avenue-dark: mix(#000, $adobe-avenue, 20%);
.element {
color: $adobe-avenue;
box-shadow: 0 0 0 2px rgba($adobe-avenue, 0.35);
}