Nächste benannte Farbe · #D39800
#D39800
Nächste benannte Farbe: Retro Vibe
#D39800 (rgb(211 152 0), hsl(43 100% 41%), oklch(0.718 0.148 80.8)) liegt am nächsten an der benannten Farbe Retro Vibe. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D39800
oklch(0.718 0.148 80.8)
Farbumrechnungen
- HEX
- #d39800
- RGB
- rgb(211 152 0)
- HSL
- hsl(43 100% 41%)
- HWB
- hwb(43 0% 17%)
- OKLCH
- oklch(0.718 0.148 80.8)
- OKLab
- oklab(0.718 0.024 0.146)
- CIE Lab
- lab(67.28 15.48 70.93)
- LCH
- lch(67.28 72.6 77.7)
- CMYK
- cmyk(0% 28% 100% 17%)
Tints · Shades · Tones
Tints
- D8A339
- DCAD56
- E1B86E
- E6C284
- EACC99
- EED6AE
- F3E1C2
- F7EBD7
- FBF5EB
Shades
- B78400
- 9C7000
- 825C00
- 694A00
- 513800
- 3A2700
- 241700
- 100800
- 020100
Tones
- CB9628
- C2943B
- BA9248
- B29053
- A98D5C
- A18B65
- 99886C
- 918673
- 88837A
Farbharmonien
Komplementär +180°
- D39800
Retro Vibe
- 6DA3FF
≈ Âbi Blue
Analog -30° +30°
- D39800
Retro Vibe
- EC8544
≈ Flamenco
- A9AC22
≈ Honey and Thyme
Triadisch +120° +240°
- D39800
Retro Vibe
- 00BAC3
≈ Lago Blue
- CD83DC
≈ Blush Essence
Geteilt komplementär +150° +210°
- D39800
Retro Vibe
- 00B3ED
≈ Lynx Screen Blue
- A591F9
≈ Cobalite
Tetradisch +90° +180° +270°
- D39800
Retro Vibe
- 00C098
≈ Blarney
- 6DA3FF
≈ Âbi Blue
- E87AB0
≈ Fuchsia Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.26:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--retro-vibe: #d39800;
--retro-vibe-rgb: 211 152 0;
--retro-vibe-oklch: oklch(0.718 0.148 80.8);
}
.element {
color: var(--retro-vibe);
background-color: hsl(43 100% 41%);
border-color: oklch(0.718 0.148 80.8);
}Tailwind CSS v4
@theme {
--color-retro-vibe: #d39800;
--color-retro-vibe-50: #fff2c5;
--color-retro-vibe-100: #ffe4b0;
--color-retro-vibe-200: #f3cf8a;
--color-retro-vibe-300: #dcb057;
--color-retro-vibe-400: #cb9313;
--color-retro-vibe-500: #b77800;
--color-retro-vibe-600: #9b6600;
--color-retro-vibe-700: #7c5100;
--color-retro-vibe-800: #5d3a00;
--color-retro-vibe-900: #412800;
--color-retro-vibe-950: #2a1600;
}SCSS
$retro-vibe: #d39800;
$retro-vibe-rgb: 211, 152, 0;
$retro-vibe-light: mix(#fff, $retro-vibe, 20%);
$retro-vibe-dark: mix(#000, $retro-vibe, 20%);
.element {
color: $retro-vibe;
box-shadow: 0 0 0 2px rgba($retro-vibe, 0.35);
}