最接近的命名颜色 · #D39800
#D39800
最接近的命名颜色: Retro Vibe
#D39800（rgb(211 152 0)、hsl(43 100% 41%)、oklch(0.718 0.148 80.8)）最接近命名颜色 Retro Vibe。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D39800
oklch(0.718 0.148 80.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- D8A339
- DCAD56
- E1B86E
- E6C284
- EACC99
- EED6AE
- F3E1C2
- F7EBD7
- FBF5EB
深色调
- B78400
- 9C7000
- 825C00
- 694A00
- 513800
- 3A2700
- 241700
- 100800
- 020100
灰色调
- CB9628
- C2943B
- BA9248
- B29053
- A98D5C
- A18B65
- 99886C
- 918673
- 88837A
配色和谐
互补色 +180°
- D39800
Retro Vibe
- 6DA3FF
≈ Âbi Blue
类似色 -30° +30°
- D39800
Retro Vibe
- EC8544
≈ Flamenco
- A9AC22
≈ Honey and Thyme
三角配色 +120° +240°
- D39800
Retro Vibe
- 00BAC3
≈ Lago Blue
- CD83DC
≈ Blush Essence
分裂互补色 +150° +210°
- D39800
Retro Vibe
- 00B3ED
≈ Lynx Screen Blue
- A591F9
≈ Cobalite
四角配色 +90° +180° +270°
- D39800
Retro Vibe
- 00C098
≈ Blarney
- 6DA3FF
≈ Âbi Blue
- E87AB0
≈ Fuchsia Blush
对比度与无障碍
Ag
Fail白底
WCAG 2.54:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.26:1 · APCA Lc 52
最佳文字颜色: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
代码片段
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);
}