最接近的命名颜色 · #C8B38C
#C8B38C
最接近的命名颜色: Goldfrapp
#C8B38C（rgb(200 179 140)、hsl(39 35% 67%)、oklch(0.775 0.058 82.8)）最接近命名颜色 Goldfrapp。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C8B38C
oklch(0.775 0.058 82.8)
颜色转换
- HEX
- #c8b38c
- RGB
- rgb(200 179 140)
- HSL
- hsl(39 35% 67%)
- HWB
- hwb(39 55% 22%)
- OKLCH
- oklch(0.775 0.058 82.8)
- OKLab
- oklab(0.775 0.007 0.057)
- CIE Lab
- lab(74.03 3.45 22.89)
- LCH
- lch(74.03 23.14 81.4)
- CMYK
- cmyk(0% 11% 30% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- CDBA97
- D3C2A3
- D8C9AE
- DED1B9
- E3D9C5
- E9E0D0
- EEE8DC
- F4F0E8
- F9F7F3
深色调
- AE9B79
- 948467
- 7B6E55
- 635843
- 4C4333
- 362F23
- 211D14
- 0F0C07
- 020101
灰色调
- C1AE8B
- B9A98A
- B2A489
- AB9E88
- A39987
- 9C9486
- 958F84
- 8E8A83
- 878581
配色和谐
互补色 +180°
- C8B38C
Goldfrapp
- A2B6DC
≈ Mont Blanc
类似色 -30° +30°
- C8B38C
Goldfrapp
- D4AC94
≈ Rundlet Peach
- B6BA90
≈ Secret Glade
三角配色 +120° +240°
- C8B38C
Goldfrapp
- 8AC1C6
≈ Celestine
- C8AACC
≈ Catmint
分裂互补色 +150° +210°
- C8B38C
Goldfrapp
- 91BDD5
≈ High Elf Blue
- B6AFD8
≈ Delicate Lilac
四角配色 +90° +180° +270°
- C8B38C
Goldfrapp
- 90C2B2
≈ Bella Green
- A2B6DC
≈ Mont Blanc
- D4A7B9
≈ Enhance
对比度与无障碍
Ag
Fail白底
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.28:1 · APCA Lc 63
最佳文字颜色: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
代码片段
CSS
:root {
--goldfrapp: #c8b38c;
--goldfrapp-rgb: 200 179 140;
--goldfrapp-oklch: oklch(0.775 0.058 82.8);
}
.element {
color: var(--goldfrapp);
background-color: hsl(39 35% 67%);
border-color: oklch(0.775 0.058 82.8);
}Tailwind CSS v4
@theme {
--color-goldfrapp: #c8b38c;
--color-goldfrapp-50: #fdf4e3;
--color-goldfrapp-100: #f1e7d3;
--color-goldfrapp-200: #e0d3b9;
--color-goldfrapp-300: #c5b696;
--color-goldfrapp-400: #af9c78;
--color-goldfrapp-500: #998359;
--color-goldfrapp-600: #816f4c;
--color-goldfrapp-700: #68593d;
--color-goldfrapp-800: #4d402b;
--color-goldfrapp-900: #352c1d;
--color-goldfrapp-950: #20190d;
}SCSS
$goldfrapp: #c8b38c;
$goldfrapp-rgb: 200, 179, 140;
$goldfrapp-light: mix(#fff, $goldfrapp, 20%);
$goldfrapp-dark: mix(#000, $goldfrapp, 20%);
.element {
color: $goldfrapp;
box-shadow: 0 0 0 2px rgba($goldfrapp, 0.35);
}