Màu có tên gần nhất · #FFA18B
#FFA18B
Màu có tên gần nhất: Candy
#FFA18B (rgb(255 161 139), hsl(11 100% 77%), oklch(0.799 0.117 33.9)) gần nhất với màu có tên Candy. 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.
#FFA18B
oklch(0.799 0.117 33.9)
Chuyển đổi màu
- HEX
- #ffa18b
- RGB
- rgb(255 161 139)
- HSL
- hsl(11 100% 77%)
- HWB
- hwb(11 55% 0%)
- OKLCH
- oklch(0.799 0.117 33.9)
- OKLab
- oklab(0.799 0.097 0.065)
- CIE Lab
- lab(75.68 34.12 26.87)
- LCH
- lch(75.68 43.43 38.2)
- CMYK
- cmyk(0% 37% 45% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFAB97
- FFB4A2
- FFBEAE
- FFC7B9
- FFD1C5
- FFDAD0
- FFE3DC
- FFEDE8
- FFF6F3
Sắc đậm
- DE8B78
- BE7666
- 9E6254
- 804E43
- 633C32
- 482A23
- 2E1914
- 160907
- 030101
Sắc xám
- F29E8A
- E69B89
- D99889
- CC9588
- C09286
- B38E85
- A68B84
- 9A8783
- 8D8481
Hòa sắc
Bổ túc +180°
- FFA18B
Candy
- 4FD0EB
≈ Picnic Day Sky
Tương đồng -30° +30°
- FFA18B
Candy
- FC9DB5
≈ Saira Red
- F2AD69
≈ Blazing Autumn
Bộ ba +120° +240°
- FFA18B
Candy
- 7DD39B
≈ Enchanted Emerald
- A9B9FF
≈ Pastel Blue
Bổ túc chia +150° +210°
- FFA18B
Candy
- 52D6C6
≈ Jamaican Jade
- 7DC5FF
≈ Maya Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.72:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--candy: #ffa18b;
--candy-rgb: 255 161 139;
--candy-oklch: oklch(0.799 0.117 33.9);
}
.element {
color: var(--candy);
background-color: hsl(11 100% 77%);
border-color: oklch(0.799 0.117 33.9);
}Tailwind CSS v4
@theme {
--color-candy: #ffa18b;
--color-candy-50: #ffeade;
--color-candy-100: #ffdbcd;
--color-candy-200: #ffc3b2;
--color-candy-300: #eca28e;
--color-candy-400: #da8470;
--color-candy-500: #c76650;
--color-candy-600: #a85744;
--color-candy-700: #874536;
--color-candy-800: #653128;
--color-candy-900: #47221b;
--color-candy-950: #2e110b;
}SCSS
$candy: #ffa18b;
$candy-rgb: 255, 161, 139;
$candy-light: mix(#fff, $candy, 20%);
$candy-dark: mix(#000, $candy, 20%);
.element {
color: $candy;
box-shadow: 0 0 0 2px rgba($candy, 0.35);
}