Màu có tên gần nhất · #E4821D
#E4821D
Màu có tên gần nhất: Pumpkin Cat
#E4821D (rgb(228 130 29), hsl(30 79% 50%), oklch(0.699 0.157 59)) gần nhất với màu có tên Pumpkin Cat. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E4821D
oklch(0.699 0.157 59)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E88F40
- EC9C5A
- EFA971
- F2B586
- F5C29A
- F8CEAF
- FADAC3
- FCE7D7
- FEF3EB
Sắc đậm
- C67018
- A95F13
- 8D4E0E
- 723E09
- 582F05
- 3F2003
- 281201
- 120600
- 030100
Sắc xám
- DA8332
- D18340
- C7844C
- BD8455
- B3835E
- A98366
- 9F836D
- 958274
- 8B817A
Hòa sắc
Bổ túc +180°
- E4821D
Pumpkin Cat
- 02A9F4
≈ Vivid Cerulean
Tương đồng -30° +30°
- E4821D
Pumpkin Cat
- F07363
≈ Mild Heart Attack
- C29800
≈ Rapeseed
Bộ ba +120° +240°
- E4821D
Pumpkin Cat
- 00B8A0
≈ Aare River
- AC85F1
≈ Lilac Geode
Bổ túc chia +150° +210°
- E4821D
Pumpkin Cat
- 00B2C6
≈ Antigua Blue
- 7797FF
≈ Periwinkle Blue
Bộ bốn +90° +180° +270°
- E4821D
Pumpkin Cat
- 49B865
≈ Forest Maid
- 02A9F4
≈ Vivid Cerulean
- D277CE
≈ Purple Kush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.50:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
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);
}