Couleur nommée la plus proche · #E4821D
#E4821D
Couleur nommée la plus proche: Pumpkin Cat
#E4821D (rgb(228 130 29), hsl(30 79% 50%), oklch(0.699 0.157 59)) est la plus proche de la couleur nommée Pumpkin Cat. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E4821D
oklch(0.699 0.157 59)
Conversions de couleur
- HEX
- #e4821d
- RGB
- rgb(228 130 29)
- HSL
- hsl(30 79% 50%)
- HWB
- hwb(30 11% 11%)
- OKLCH
- oklch(0.699 0.157 59)
- OKLab
- oklab(0.699 0.081 0.135)
- CIE Lab
- lab(64.43 34.12 65)
- LCH
- lch(64.43 73.41 62.3)
- CMYK
- cmyk(0% 43% 87% 11%)
Teintes · Ombres · Tons
Teintes
- E88F40
- EC9C5A
- EFA971
- F2B586
- F5C29A
- F8CEAF
- FADAC3
- FCE7D7
- FEF3EB
Ombres
- C67018
- A95F13
- 8D4E0E
- 723E09
- 582F05
- 3F2003
- 281201
- 120600
- 030100
Tons
- DA8332
- D18340
- C7844C
- BD8455
- B3835E
- A98366
- 9F836D
- 958274
- 8B817A
Harmonies de couleurs
Complémentaire +180°
- E4821D
Pumpkin Cat
- 02A9F4
≈ Vivid Cerulean
Analogue -30° +30°
- E4821D
Pumpkin Cat
- F07363
≈ Mild Heart Attack
- C29800
≈ Rapeseed
Triadique +120° +240°
- E4821D
Pumpkin Cat
- 00B8A0
≈ Aare River
- AC85F1
≈ Lilac Geode
Complémentaire divisée +150° +210°
- E4821D
Pumpkin Cat
- 00B2C6
≈ Antigua Blue
- 7797FF
≈ Periwinkle Blue
Tétradique +90° +180° +270°
- E4821D
Pumpkin Cat
- 49B865
≈ Forest Maid
- 02A9F4
≈ Vivid Cerulean
- D277CE
≈ Purple Kush
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.50:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--pumpkin-cat: #e4821d;
--pumpkin-cat-rgb: 228 130 29;
--pumpkin-cat-oklch: oklch(0.699 0.157 59);
}
.element {
color: var(--pumpkin-cat);
background-color: hsl(30 79% 50%);
border-color: oklch(0.699 0.157 59);
}Tailwind CSS v4
@theme {
--color-pumpkin-cat: #e4821d;
--color-pumpkin-cat-50: #ffecc8;
--color-pumpkin-cat-100: #ffddb3;
--color-pumpkin-cat-200: #ffc58e;
--color-pumpkin-cat-300: #f1a45e;
--color-pumpkin-cat-400: #e1842b;
--color-pumpkin-cat-500: #cf6500;
--color-pumpkin-cat-600: #af5600;
--color-pumpkin-cat-700: #8c4500;
--color-pumpkin-cat-800: #693000;
--color-pumpkin-cat-900: #4a2100;
--color-pumpkin-cat-950: #301000;
}SCSS
$pumpkin-cat: #e4821d;
$pumpkin-cat-rgb: 228, 130, 29;
$pumpkin-cat-light: mix(#fff, $pumpkin-cat, 20%);
$pumpkin-cat-dark: mix(#000, $pumpkin-cat, 20%);
.element {
color: $pumpkin-cat;
box-shadow: 0 0 0 2px rgba($pumpkin-cat, 0.35);
}