Colore con nome · #FE6346
Sweet Pimento
Sweet Pimento è #FE6346: rgb(254 99 70), hsl(9 99% 64%), oklch(0.695 0.195 32.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sweet Pimento color name →
#FE6346
oklch(0.695 0.195 32.6)
Conversioni di colore
- HEX
- #fe6346
- RGB
- rgb(254 99 70)
- HSL
- hsl(9 99% 64%)
- HWB
- hwb(9 27% 0%)
- OKLCH
- oklch(0.695 0.195 32.6)
- OKLab
- oklab(0.695 0.164 0.105)
- CIE Lab
- lab(62.82 59 48.16)
- LCH
- lch(62.82 76.16 39.2)
- CMYK
- cmyk(0% 61% 72% 0%)
Tinte · Ombre · Toni
Tinte
- FF755A
- FF876E
- FF9780
- FFA692
- FFB6A4
- FFC5B6
- FFD3C8
- FFE2DB
- FFF1ED
Ombre
- DD553C
- BD4732
- 9E3A28
- 802E1E
- 632115
- 47160D
- 2D0B05
- 160302
- 030000
Toni
- F2694E
- E66D55
- DB715C
- CE7562
- C27868
- B67A6D
- A97C72
- 9C7E77
- 8E7F7C
Armonie di colore
Complementare +180°
- FE6346
Sweet Pimento
- 00B0C9
≈ Havasupai Falls
Analogo -30° +30°
- FE6346
Sweet Pimento
- F95D92
≈ Medium Pink
- E08200
≈ Tangerine Haze
Triadico +120° +240°
- FE6346
Sweet Pimento
- 00BB63
≈ Green Elliott
- 7C93FF
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- FE6346
Sweet Pimento
- 00B5A3
≈ Aare River
- 00A6FA
≈ Protoss Pylon
Tetradico +90° +180° +270°
- FE6346
Sweet Pimento
- 8AAC00
≈ Gameboy Screen
- 00B0C9
≈ Havasupai Falls
- B578FF
≈ Illicit Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.08:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.08:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-pimento: #fe6346;
--sweet-pimento-rgb: 254 99 70;
--sweet-pimento-oklch: oklch(0.695 0.195 32.6);
}
.element {
color: var(--sweet-pimento);
background-color: hsl(9 99% 64%);
border-color: oklch(0.695 0.195 32.6);
}Tailwind CSS v4
@theme {
--color-sweet-pimento: #fe6346;
--color-sweet-pimento-50: #ffe2d0;
--color-sweet-pimento-100: #ffd1bc;
--color-sweet-pimento-200: #ffb59c;
--color-sweet-pimento-300: #ff8f71;
--color-sweet-pimento-400: #fc694d;
--color-sweet-pimento-500: #eb3d1c;
--color-sweet-pimento-600: #c6361b;
--color-sweet-pimento-700: #a02b16;
--color-sweet-pimento-800: #771d12;
--color-sweet-pimento-900: #54130b;
--color-sweet-pimento-950: #380401;
}SCSS
$sweet-pimento: #fe6346;
$sweet-pimento-rgb: 254, 99, 70;
$sweet-pimento-light: mix(#fff, $sweet-pimento, 20%);
$sweet-pimento-dark: mix(#000, $sweet-pimento, 20%);
.element {
color: $sweet-pimento;
box-shadow: 0 0 0 2px rgba($sweet-pimento, 0.35);
}