En yakın adlandırılmış renk · #D39800
#D39800
En yakın adlandırılmış renk: Retro Vibe
#D39800 (rgb(211 152 0), hsl(43 100% 41%), oklch(0.718 0.148 80.8)) en çok Retro Vibe adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D39800
oklch(0.718 0.148 80.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8A339
- DCAD56
- E1B86E
- E6C284
- EACC99
- EED6AE
- F3E1C2
- F7EBD7
- FBF5EB
Koyu tonlar
- B78400
- 9C7000
- 825C00
- 694A00
- 513800
- 3A2700
- 241700
- 100800
- 020100
Gri tonlar
- CB9628
- C2943B
- BA9248
- B29053
- A98D5C
- A18B65
- 99886C
- 918673
- 88837A
Renk uyumları
Tamamlayıcı +180°
- D39800
Retro Vibe
- 6DA3FF
≈ Âbi Blue
Analog -30° +30°
- D39800
Retro Vibe
- EC8544
≈ Flamenco
- A9AC22
≈ Honey and Thyme
Üçlü +120° +240°
- D39800
Retro Vibe
- 00BAC3
≈ Lago Blue
- CD83DC
≈ Blush Essence
Bölünmüş tamamlayıcı +150° +210°
- D39800
Retro Vibe
- 00B3ED
≈ Lynx Screen Blue
- A591F9
≈ Cobalite
Dörtlü +90° +180° +270°
- D39800
Retro Vibe
- 00C098
≈ Blarney
- 6DA3FF
≈ Âbi Blue
- E87AB0
≈ Fuchsia Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.26:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}