最接近的命名颜色 · #FFAD6C
#FFAD6C
最接近的命名颜色: Apricot
#FFAD6C（rgb(255 173 108)、hsl(27 100% 71%)、oklch(0.814 0.126 58.2)）最接近命名颜色 Apricot。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FFAD6C
oklch(0.814 0.126 58.2)
颜色转换
- HEX
- #ffad6c
- RGB
- rgb(255 173 108)
- HSL
- hsl(27 100% 71%)
- HWB
- hwb(27 42% 0%)
- OKLCH
- oklch(0.814 0.126 58.2)
- OKLab
- oklab(0.814 0.067 0.107)
- CIE Lab
- lab(77.94 26.27 45.83)
- LCH
- lch(77.94 52.82 60.2)
- CMYK
- cmyk(0% 32% 58% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFB67C
- FFBE8B
- FFC69A
- FFCFA9
- FFD7B8
- FFDFC6
- FFE7D4
- FFEFE3
- FFF7F1
深色调
- DE965D
- BE7F4E
- 9E6A40
- 805532
- 634125
- 482D19
- 2E1B0D
- 160B04
- 030100
灰色调
- F2A970
- E5A573
- D8A075
- CC9C78
- BF977A
- B2937C
- A68E7D
- 998A7E
- 8D857F
配色和谐
互补色 +180°
- FFAD6C
Apricot
- 7DCCFF
≈ Bubbly Barracuda
类似色 -30° +30°
- FFAD6C
Apricot
- FFA89C
≈ Poised Peach
- E4BD59
≈ Soft Cheddar
三角配色 +120° +240°
- FFAD6C
Apricot
- 50DDC2
≈ Jazzy Jade
- CBB3FF
≈ Teasel Dipsacus
分裂互补色 +150° +210°
- FFAD6C
Apricot
- 3FD8ED
≈ Blue Dacnis
- A9C1FF
≈ Pastel Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.83:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.44:1 · APCA Lc 68
最佳文字颜色: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
代码片段
CSS
:root {
--apricot: #ffad6c;
--apricot-rgb: 255 173 108;
--apricot-oklch: oklch(0.814 0.126 58.2);
}
.element {
color: var(--apricot);
background-color: hsl(27 100% 71%);
border-color: oklch(0.814 0.126 58.2);
}Tailwind CSS v4
@theme {
--color-apricot: #ffad6c;
--color-apricot-50: #ffeed2;
--color-apricot-100: #ffdfbe;
--color-apricot-200: #fdc89e;
--color-apricot-300: #e7a874;
--color-apricot-400: #d68a4d;
--color-apricot-500: #c26e1b;
--color-apricot-600: #a45d1a;
--color-apricot-700: #844a15;
--color-apricot-800: #63350f;
--color-apricot-900: #452409;
--color-apricot-950: #2d1300;
}SCSS
$apricot: #ffad6c;
$apricot-rgb: 255, 173, 108;
$apricot-light: mix(#fff, $apricot, 20%);
$apricot-dark: mix(#000, $apricot, 20%);
.element {
color: $apricot;
box-shadow: 0 0 0 2px rgba($apricot, 0.35);
}