最接近的命名颜色 · #FFADAD
#FFADAD
最接近的命名颜色: Apricot Haze
#FFADAD（rgb(255 173 173)、hsl(0 100% 84%)、oklch(0.827 0.097 19.3)）最接近命名颜色 Apricot Haze。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FFADAD
oklch(0.827 0.097 19.3)
颜色转换
- HEX
- #ffadad
- RGB
- rgb(255 173 173)
- HSL
- hsl(0 100% 84%)
- HWB
- hwb(0 68% 0%)
- OKLCH
- oklch(0.827 0.097 19.3)
- OKLab
- oklab(0.827 0.091 0.032)
- CIE Lab
- lab(78.89 30.91 12.92)
- LCH
- lch(78.89 33.5 22.7)
- CMYK
- cmyk(0% 32% 32% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFB5B5
- FFBEBD
- FFC6C5
- FFCECD
- FFD6D5
- FFDEDE
- FFE7E6
- FFEFEE
- FFF7F7
深色调
- DE9696
- BE7F7F
- 9E6A6A
- 805555
- 634141
- 482D2D
- 2E1B1B
- 160B0B
- 030101
灰色调
- F2A9A8
- E5A4A4
- D9A09F
- CC9B9B
- BF9796
- B29292
- A68E8D
- 998989
- 8D8584
配色和谐
互补色 +180°
- FFADAD
Apricot Haze
- 72DADE
≈ Aquamarine Blue
类似色 -30° +30°
- FFADAD
Apricot Haze
- F6ADD0
≈ Changeling Pink
- FAB48E
≈ Desert Sunrise
三角配色 +120° +240°
- FFADAD
Apricot Haze
- A6D699
≈ Cool Aloe
- A5C8FF
≈ Night Snow
分裂互补色 +150° +210°
- FFADAD
Apricot Haze
- 83DBBC
≈ Āsmānī Sky
- 80D3F9
≈ Kul Sharif Blue
四角配色 +90° +180° +270°
- FFADAD
Apricot Haze
- CACC81
≈ Deco
- 72DADE
≈ Aquamarine Blue
- C4BDFF
≈ Lavender Tonic
对比度与无障碍
Ag
Fail白底
WCAG 1.77:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.83:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--apricot-haze: #ffadad;
--apricot-haze-rgb: 255 173 173;
--apricot-haze-oklch: oklch(0.827 0.097 19.3);
}
.element {
color: var(--apricot-haze);
background-color: hsl(0 100% 84%);
border-color: oklch(0.827 0.097 19.3);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffadad;
--color-apricot-haze-50: #ffebe9;
--color-apricot-haze-100: #ffdcda;
--color-apricot-haze-200: #fbc5c2;
--color-apricot-haze-300: #e5a4a2;
--color-apricot-haze-400: #d28787;
--color-apricot-haze-500: #be6a6c;
--color-apricot-haze-600: #a05a5c;
--color-apricot-haze-700: #814849;
--color-apricot-haze-800: #5f3436;
--color-apricot-haze-900: #432325;
--color-apricot-haze-950: #2b1213;
}SCSS
$apricot-haze: #ffadad;
$apricot-haze-rgb: 255, 173, 173;
$apricot-haze-light: mix(#fff, $apricot-haze, 20%);
$apricot-haze-dark: mix(#000, $apricot-haze, 20%);
.element {
color: $apricot-haze;
box-shadow: 0 0 0 2px rgba($apricot-haze, 0.35);
}