Màu có tên gần nhất · #FFACCF
#FFACCF
Màu có tên gần nhất: Lavender Candy
#FFACCF (rgb(255 172 207), hsl(335 100% 84%), oklch(0.834 0.106 352.7)) gần nhất với màu có tên Lavender 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.
#FFACCF
oklch(0.834 0.106 352.7)
Chuyển đổi màu
- HEX
- #ffaccf
- RGB
- rgb(255 172 207)
- HSL
- hsl(335 100% 84%)
- HWB
- hwb(335 67% 0%)
- OKLCH
- oklch(0.834 0.106 352.7)
- OKLab
- oklab(0.834 0.105 -0.013)
- CIE Lab
- lab(79.39 34.8 -4.73)
- LCH
- lch(79.39 35.12 352.3)
- CMYK
- cmyk(0% 33% 19% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFB4D4
- FFBDD8
- FFC5DD
- FFCEE2
- FFD6E7
- FFDEEC
- FFE6F0
- FFEFF5
- FFF7FA
Sắc đậm
- DE95B4
- BE7F99
- 9E697F
- 805467
- 63404F
- 482D38
- 2E1B23
- 160B10
- 030102
Sắc xám
- F2A8C7
- E5A4BF
- D89FB7
- CC9BAF
- BF97A7
- B2929F
- A68E97
- 99898F
- 8D8588
Hòa sắc
Bổ túc +180°
- FFACCF
Lavender Candy
- 79DFC2
≈ Star Grass
Tương đồng -30° +30°
- FFACCF
Lavender Candy
- EAB2F1
≈ Candy Dreams
- FFB1AD
≈ Cornflower Lilac
Bộ ba +120° +240°
- FFACCF
Lavender Candy
- C9D07E
≈ Zucchini Noodles
- 83D4FF
≈ Kul Sharif Blue
Bổ túc chia +150° +210°
- FFACCF
Lavender Candy
- A0DB9B
≈ Retro
- 68DDE7
≈ Turquoise Sea
Bộ bốn +90° +180° +270°
- FFACCF
Lavender Candy
- EBC376
≈ Shallot Peel
- 79DFC2
≈ Star Grass
- ACC9FF
≈ Night Snow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.74:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 12.05:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--lavender-candy: #ffaccf;
--lavender-candy-rgb: 255 172 207;
--lavender-candy-oklch: oklch(0.834 0.106 352.7);
}
.element {
color: var(--lavender-candy);
background-color: hsl(335 100% 84%);
border-color: oklch(0.834 0.106 352.7);
}Tailwind CSS v4
@theme {
--color-lavender-candy: #ffaccf;
--color-lavender-candy-50: #ffe9f7;
--color-lavender-candy-100: #ffdaea;
--color-lavender-candy-200: #fac2d7;
--color-lavender-candy-300: #e3a1ba;
--color-lavender-candy-400: #cf84a4;
--color-lavender-candy-500: #bb678d;
--color-lavender-candy-600: #9e5777;
--color-lavender-candy-700: #7f465f;
--color-lavender-candy-800: #5e3247;
--color-lavender-candy-900: #422231;
--color-lavender-candy-950: #2a111d;
}SCSS
$lavender-candy: #ffaccf;
$lavender-candy-rgb: 255, 172, 207;
$lavender-candy-light: mix(#fff, $lavender-candy, 20%);
$lavender-candy-dark: mix(#000, $lavender-candy, 20%);
.element {
color: $lavender-candy;
box-shadow: 0 0 0 2px rgba($lavender-candy, 0.35);
}