Màu có tên gần nhất · #FFA9A3
#FFA9A3
Màu có tên gần nhất: Apricot Haze
#FFA9A3 (rgb(255 169 163), hsl(4 100% 82%), oklch(0.817 0.103 23.9)) gần nhất với màu có tên Apricot Haze. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#FFA9A3
oklch(0.817 0.103 23.9)
Chuyển đổi màu
- HEX
- #ffa9a3
- RGB
- rgb(255 169 163)
- HSL
- hsl(4 100% 82%)
- HWB
- hwb(4 64% 0%)
- OKLCH
- oklch(0.817 0.103 23.9)
- OKLab
- oklab(0.817 0.094 0.042)
- CIE Lab
- lab(77.82 32.02 16.83)
- LCH
- lch(77.82 36.18 27.7)
- CMYK
- cmyk(0% 34% 36% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFB2AC
- FFBBB5
- FFC3BE
- FFCCC7
- FFD4D0
- FFDDDA
- FFE5E3
- FFEEEC
- FFF6F6
Sắc đậm
- DE928D
- BE7C78
- 9E6763
- 80534F
- 633F3C
- 482C2A
- 2E1B19
- 160A0A
- 030101
Sắc xám
- F2A5A0
- E5A19C
- D99D99
- CC9995
- BF9592
- B3918E
- A68D8B
- 998987
- 8D8484
Hòa sắc
Bổ túc +180°
- FFA9A3
Apricot Haze
- 67D7E2
≈ Aquamarine Blue
Tương đồng -30° +30°
- FFA9A3
Apricot Haze
- F8A8C8
≈ Rose Mallow
- F8B183
≈ Autumn Mist
Bộ ba +120° +240°
- FFA9A3
Apricot Haze
- 9AD599
≈ Young Greens
- A5C3FF
≈ Pastel Blue
Bổ túc chia +150° +210°
- FFA9A3
Apricot Haze
- 75D9BE
≈ Star Grass
- 7CCFFC
≈ Drift on the Sea
Bộ bốn +90° +180° +270°
- FFA9A3
Apricot Haze
- C2CB7C
≈ Calamansi Green
- 67D7E2
≈ Aquamarine Blue
- C6B7FF
≈ Violet Heaven
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.83:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.45:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--apricot-haze: #ffa9a3;
--apricot-haze-rgb: 255 169 163;
--apricot-haze-oklch: oklch(0.817 0.103 23.9);
}
.element {
color: var(--apricot-haze);
background-color: hsl(4 100% 82%);
border-color: oklch(0.817 0.103 23.9);
}Tailwind CSS v4
@theme {
--color-apricot-haze: #ffa9a3;
--color-apricot-haze-50: #ffebe6;
--color-apricot-haze-100: #ffdcd6;
--color-apricot-haze-200: #fdc4be;
--color-apricot-haze-300: #e7a39c;
--color-apricot-haze-400: #d48681;
--color-apricot-haze-500: #c16964;
--color-apricot-haze-600: #a35955;
--color-apricot-haze-700: #834744;
--color-apricot-haze-800: #613332;
--color-apricot-haze-900: #442322;
--color-apricot-haze-950: #2c1211;
}SCSS
$apricot-haze: #ffa9a3;
$apricot-haze-rgb: 255, 169, 163;
$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);
}