Cor nomeada mais próxima · #D29734
#D29734
Cor nomeada mais próxima: Jackpot
#D29734 (rgb(210 151 52), hsl(38 64% 51%), oklch(0.717 0.131 76.2)) é mais próxima da cor nomeada Jackpot. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D29734
oklch(0.717 0.131 76.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D7A24F
- DCAC65
- E0B77A
- E5C18D
- EACBA1
- EED6B4
- F2E0C7
- F7EAD9
- FBF5EC
Sombras
- B6832C
- 9B6F24
- 815C1C
- 684915
- 50370E
- 392607
- 241703
- 100801
- 020100
Tons
- CA9541
- C2934C
- B99155
- B18F5D
- A98D64
- A18A6A
- 998870
- 908576
- 88837B
Harmonias de cor
Complementar +180°
- D29734
Jackpot
- 6BA5F4
≈ Âbi Blue
Análoga -30° +30°
- D29734
Jackpot
- E68759
≈ Indiana Clay
- AEA838
≈ Delightful Camouflage
Tríade +120° +240°
- D29734
Jackpot
- 00BBBD
≈ Jade Gravel
- C489DB
≈ Purception
Complementar dividida +150° +210°
- D29734
Jackpot
- 20B3E2
≈ Blue Atoll
- 9D96F2
≈ Cobalite
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.21:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
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);
}