Colore con nome più vicino · #F39877
#F39877
Colore con nome più vicino: Kindleflame
#F39877 (rgb(243 152 119), hsl(16 84% 71%), oklch(0.765 0.119 40.6)) è più vicino al colore con nome Kindleflame. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F39877
oklch(0.765 0.119 40.6)
Conversioni di colore
- HEX
- #f39877
- RGB
- rgb(243 152 119)
- HSL
- hsl(16 84% 71%)
- HWB
- hwb(16 47% 5%)
- OKLCH
- oklch(0.765 0.119 40.6)
- OKLab
- oklab(0.765 0.09 0.078)
- CIE Lab
- lab(71.94 32.61 32.42)
- LCH
- lch(71.94 45.98 44.8)
- CMYK
- cmyk(0% 37% 51% 5%)
Tinte · Ombre · Toni
Tinte
- F5A385
- F7AD92
- F9B7A0
- FBC2AD
- FCCCBB
- FDD6C8
- FEE0D6
- FFEBE4
- FFF5F1
Ombre
- D38467
- B47057
- 975C47
- 7A4A38
- 5E382A
- 44271C
- 2B1710
- 140805
- 030101
Toni
- E89679
- DC947A
- D1927B
- C5907C
- BA8D7D
- AF8B7E
- A3887F
- 97867F
- 8C8380
Armonie di colore
Complementare +180°
- F39877
Kindleflame
- 46C4E8
≈ Clean Pool
Analogo -30° +30°
- F39877
Kindleflame
- F492A1
≈ Cherry Foam
- E3A558
≈ Jurassic Gold
Triadico +120° +240°
- F39877
Kindleflame
- 66CA99
≈ Intense Jade
- A5AAFD
≈ Shy Moment
Complementare divisa +150° +210°
- F39877
Kindleflame
- 39CBC4
≈ Blue Martina
- 77B8FC
≈ Green Darner Tail
Tetradico +90° +180° +270°
- F39877
Kindleflame
- 99C270
≈ Lime Parfait
- 46C4E8
≈ Clean Pool
- CB9DEB
≈ Lavender Cream
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.56:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--kindleflame: #f39877;
--kindleflame-rgb: 243 152 119;
--kindleflame-oklch: oklch(0.765 0.119 40.6);
}
.element {
color: var(--kindleflame);
background-color: hsl(16 84% 71%);
border-color: oklch(0.765 0.119 40.6);
}Tailwind CSS v4
@theme {
--color-kindleflame: #f39877;
--color-kindleflame-50: #ffebdb;
--color-kindleflame-100: #ffdcc9;
--color-kindleflame-200: #ffc4ac;
--color-kindleflame-300: #eca386;
--color-kindleflame-400: #da8567;
--color-kindleflame-500: #c76844;
--color-kindleflame-600: #a8583b;
--color-kindleflame-700: #87462f;
--color-kindleflame-800: #653222;
--color-kindleflame-900: #472216;
--color-kindleflame-950: #2e1108;
}SCSS
$kindleflame: #f39877;
$kindleflame-rgb: 243, 152, 119;
$kindleflame-light: mix(#fff, $kindleflame, 20%);
$kindleflame-dark: mix(#000, $kindleflame, 20%);
.element {
color: $kindleflame;
box-shadow: 0 0 0 2px rgba($kindleflame, 0.35);
}