Màu có tên gần nhất · #D29734
#D29734
Màu có tên gần nhất: Jackpot
#D29734 (rgb(210 151 52), hsl(38 64% 51%), oklch(0.717 0.131 76.2)) gần nhất với màu có tên Jackpot. 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.
#D29734
oklch(0.717 0.131 76.2)
Chuyển đổi màu
- HEX
- #d29734
- RGB
- rgb(210 151 52)
- HSL
- hsl(38 64% 51%)
- HWB
- hwb(38 20% 18%)
- OKLCH
- oklch(0.717 0.131 76.2)
- OKLab
- oklab(0.717 0.031 0.128)
- CIE Lab
- lab(67.08 16.4 58.15)
- LCH
- lch(67.08 60.41 74.2)
- CMYK
- cmyk(0% 28% 75% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7A24F
- DCAC65
- E0B77A
- E5C18D
- EACBA1
- EED6B4
- F2E0C7
- F7EAD9
- FBF5EC
Sắc đậm
- B6832C
- 9B6F24
- 815C1C
- 684915
- 50370E
- 392607
- 241703
- 100801
- 020100
Sắc xám
- CA9541
- C2934C
- B99155
- B18F5D
- A98D64
- A18A6A
- 998870
- 908576
- 88837B
Hòa sắc
Bổ túc +180°
- D29734
Jackpot
- 6BA5F4
≈ Âbi Blue
Tương đồng -30° +30°
- D29734
Jackpot
- E68759
≈ Indiana Clay
- AEA838
≈ Delightful Camouflage
Bộ ba +120° +240°
- D29734
Jackpot
- 00BBBD
≈ Jade Gravel
- C489DB
≈ Purception
Bổ túc chia +150° +210°
- D29734
Jackpot
- 20B3E2
≈ Blue Atoll
- 9D96F2
≈ Cobalite
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.55:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.21:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--jackpot: #d29734;
--jackpot-rgb: 210 151 52;
--jackpot-oklch: oklch(0.717 0.131 76.2);
}
.element {
color: var(--jackpot);
background-color: hsl(38 64% 51%);
border-color: oklch(0.717 0.131 76.2);
}Tailwind CSS v4
@theme {
--color-jackpot: #d29734;
--color-jackpot-50: #fff1cc;
--color-jackpot-100: #ffe3b7;
--color-jackpot-200: #f3ce94;
--color-jackpot-300: #dcaf66;
--color-jackpot-400: #ca9337;
--color-jackpot-500: #b77700;
--color-jackpot-600: #9a6500;
--color-jackpot-700: #7c5100;
--color-jackpot-800: #5d3a00;
--color-jackpot-900: #412800;
--color-jackpot-950: #291600;
}SCSS
$jackpot: #d29734;
$jackpot-rgb: 210, 151, 52;
$jackpot-light: mix(#fff, $jackpot, 20%);
$jackpot-dark: mix(#000, $jackpot, 20%);
.element {
color: $jackpot;
box-shadow: 0 0 0 2px rgba($jackpot, 0.35);
}