Couleur nommée · #E9967A
Kindleflame
Kindleflame correspond à #E9967A : rgb(233 150 122), hsl(15 72% 70%), oklch(0.751 0.108 39.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Kindleflame color name →
#E9967A
oklch(0.751 0.108 39.4)
Conversions de couleur
- HEX
- #e9967a
- RGB
- rgb(233 150 122)
- HSL
- hsl(15 72% 70%)
- HWB
- hwb(15 48% 9%)
- OKLCH
- oklch(0.751 0.108 39.4)
- OKLab
- oklab(0.751 0.084 0.069)
- CIE Lab
- lab(70.3 29.89 28.41)
- LCH
- lch(70.3 41.23 43.5)
- CMYK
- cmyk(0% 36% 48% 9%)
Teintes · Ombres · Tons
Teintes
- ECA187
- EFAB94
- F2B6A2
- F4C0AF
- F7CBBC
- F9D5C9
- FBE0D7
- FCEAE4
- FEF5F1
Ombres
- CB8269
- AD6E59
- 905B49
- 74493A
- 5A372B
- 41261D
- 291610
- 130805
- 030101
Tons
- DF947B
- D4927C
- CA907D
- BF8E7E
- B58C7E
- AB8A7F
- A0877F
- 958580
- 8B8380
Harmonies de couleurs
Complémentaire +180°
- E9967A
Kindleflame
- 50BEDD
≈ Azurean
Analogue -30° +30°
- E9967A
Kindleflame
- E9919F
≈ Peony
- DAA15E
≈ Butterscotch Syrup
Triadique +120° +240°
- E9967A
Kindleflame
- 6CC396
≈ Felt Green
- A0A7F2
≈ Cold Lips
Complémentaire divisée +150° +210°
- E9967A
Kindleflame
- 49C4BD
≈ Port Hope
- 77B3F0
≈ Fly Away
Tétradique +90° +180° +270°
- E9967A
Kindleflame
- 98BC71
≈ Leticiaz
- 50BEDD
≈ Azurean
- C39BE2
≈ Somewhere in a Fairytale
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.30:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.10:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
CSS
:root {
--kindleflame: #e9967a;
--kindleflame-rgb: 233 150 122;
--kindleflame-oklch: oklch(0.751 0.108 39.4);
}
.element {
color: var(--kindleflame);
background-color: hsl(15 72% 70%);
border-color: oklch(0.751 0.108 39.4);
}Tailwind CSS v4
@theme {
--color-kindleflame: #e9967a;
--color-kindleflame-50: #ffecde;
--color-kindleflame-100: #ffddcc;
--color-kindleflame-200: #fec6b1;
--color-kindleflame-300: #e8a58c;
--color-kindleflame-400: #d5886e;
--color-kindleflame-500: #c26b4d;
--color-kindleflame-600: #a45b42;
--color-kindleflame-700: #834934;
--color-kindleflame-800: #623426;
--color-kindleflame-900: #452319;
--color-kindleflame-950: #2c120a;
}SCSS
$kindleflame: #e9967a;
$kindleflame-rgb: 233, 150, 122;
$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);
}