Nearest named color · #AF4B00
#AF4B00
Nearest named color: Pepperoni
#AF4B00 (rgb(175 75 0), hsl(26 100% 34%), oklch(0.535 0.148 47)) is closest to the named color Pepperoni. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AF4B00
oklch(0.535 0.148 47)
Color conversions
- HEX
- #af4b00
- RGB
- rgb(175 75 0)
- HSL
- hsl(26 100% 34%)
- HWB
- hwb(26 0% 31%)
- OKLCH
- oklch(0.535 0.148 47)
- OKLab
- oklab(0.535 0.101 0.108)
- CIE Lab
- lab(45.06 39.56 55.39)
- LCH
- lch(45.06 68.07 54.5)
- CMYK
- cmyk(0% 57% 100% 31%)
Tints · Shades · Tones
Tints
- B95E2C
- C27046
- CB825E
- D39475
- DCA68B
- E3B7A2
- EBC9B9
- F2DBD0
- F9EDE7
Shades
- 984000
- 813500
- 6B2B00
- 562100
- 411700
- 2E0E00
- 1C0600
- 0B0200
- 010000
Tones
- AB521D
- A8582E
- A45E3A
- 9F6446
- 9B6950
- 966E5A
- 917364
- 8C776E
- 867C77
Color harmonies
Complementary +180°
- AF4B00
Pepperoni
- 00789C
≈ Sea Sight
Analogous -30° +30°
- AF4B00
Pepperoni
- B3414D
≈ Romantic Embers
- 916300
≈ Raw Sienna
Triadic +120° +240°
- AF4B00
Pepperoni
- 008160
≈ Spanish Viridian
- 6A5BBD
≈ Blue Marguerite
Split-complementary +150° +210°
- AF4B00
Pepperoni
- 007D7F
≈ Tropical Waters
- 2D6CC1
≈ Matt Blue
Tetradic +90° +180° +270°
- AF4B00
Pepperoni
- 3E801A
≈ Bilbao
- 00789C
≈ Sea Sight
- 8F4DA5
≈ Vicious Violet
Contrast & accessibility
Ag
AAOn white
WCAG 5.48:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.82:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.48:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--pepperoni: #af4b00;
--pepperoni-rgb: 175 75 0;
--pepperoni-oklch: oklch(0.535 0.148 47);
}
.element {
color: var(--pepperoni);
background-color: hsl(26 100% 34%);
border-color: oklch(0.535 0.148 47);
}Tailwind CSS v4
@theme {
--color-pepperoni: #af4b00;
--color-pepperoni-50: #ffead0;
--color-pepperoni-100: #ffdabd;
--color-pepperoni-200: #ffc29c;
--color-pepperoni-300: #f5a072;
--color-pepperoni-400: #e4804c;
--color-pepperoni-500: #d26017;
--color-pepperoni-600: #b15217;
--color-pepperoni-700: #8e4113;
--color-pepperoni-800: #6a2e0e;
--color-pepperoni-900: #4b1f09;
--color-pepperoni-950: #310e00;
}SCSS
$pepperoni: #af4b00;
$pepperoni-rgb: 175, 75, 0;
$pepperoni-light: mix(#fff, $pepperoni, 20%);
$pepperoni-dark: mix(#000, $pepperoni, 20%);
.element {
color: $pepperoni;
box-shadow: 0 0 0 2px rgba($pepperoni, 0.35);
}