Nächste benannte Farbe · #D29734
#D29734
Nächste benannte Farbe: Jackpot
#D29734 (rgb(210 151 52), hsl(38 64% 51%), oklch(0.717 0.131 76.2)) liegt am nächsten an der benannten Farbe Jackpot. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D29734
oklch(0.717 0.131 76.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D7A24F
- DCAC65
- E0B77A
- E5C18D
- EACBA1
- EED6B4
- F2E0C7
- F7EAD9
- FBF5EC
Shades
- B6832C
- 9B6F24
- 815C1C
- 684915
- 50370E
- 392607
- 241703
- 100801
- 020100
Tones
- CA9541
- C2934C
- B99155
- B18F5D
- A98D64
- A18A6A
- 998870
- 908576
- 88837B
Farbharmonien
Komplementär +180°
- D29734
Jackpot
- 6BA5F4
≈ Âbi Blue
Analog -30° +30°
- D29734
Jackpot
- E68759
≈ Indiana Clay
- AEA838
≈ Delightful Camouflage
Triadisch +120° +240°
- D29734
Jackpot
- 00BBBD
≈ Jade Gravel
- C489DB
≈ Purception
Geteilt komplementär +150° +210°
- D29734
Jackpot
- 20B3E2
≈ Blue Atoll
- 9D96F2
≈ Cobalite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.21:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
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);
}