가장 가까운 이름 색상 · #FFACCF
#FFACCF
가장 가까운 이름 색상: Lavender Candy
#FFACCF(rgb(255 172 207), hsl(335 100% 84%), oklch(0.834 0.106 352.7))와 가장 가까운 이름 색상은 Lavender Candy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFACCF
oklch(0.834 0.106 352.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FFB4D4
- FFBDD8
- FFC5DD
- FFCEE2
- FFD6E7
- FFDEEC
- FFE6F0
- FFEFF5
- FFF7FA
셰이드
- DE95B4
- BE7F99
- 9E697F
- 805467
- 63404F
- 482D38
- 2E1B23
- 160B10
- 030102
톤
- F2A8C7
- E5A4BF
- D89FB7
- CC9BAF
- BF97A7
- B2929F
- A68E97
- 99898F
- 8D8588
색 조화
보색 +180°
- FFACCF
Lavender Candy
- 79DFC2
≈ Star Grass
유사색 -30° +30°
- FFACCF
Lavender Candy
- EAB2F1
≈ Candy Dreams
- FFB1AD
≈ Cornflower Lilac
삼각 배색 +120° +240°
- FFACCF
Lavender Candy
- C9D07E
≈ Zucchini Noodles
- 83D4FF
≈ Kul Sharif Blue
분열 보색 +150° +210°
- FFACCF
Lavender Candy
- A0DB9B
≈ Retro
- 68DDE7
≈ Turquoise Sea
사각 배색 +90° +180° +270°
- FFACCF
Lavender Candy
- EBC376
≈ Shallot Peel
- 79DFC2
≈ Star Grass
- ACC9FF
≈ Night Snow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.05:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
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);
}