가장 가까운 이름 색상 · #FDBEC6
#FDBEC6
가장 가까운 이름 색상: Love Affair
#FDBEC6(rgb(253 190 198), hsl(352 94% 87%), oklch(0.861 0.073 10.2))와 가장 가까운 이름 색상은 Love Affair입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FDBEC6
oklch(0.861 0.073 10.2)
색상 변환
- HEX
- #fdbec6
- RGB
- rgb(253 190 198)
- HSL
- hsl(352 94% 87%)
- HWB
- hwb(352 75% 1%)
- OKLCH
- oklch(0.861 0.073 10.2)
- OKLab
- oklab(0.861 0.072 0.013)
- CIE Lab
- lab(83.02 24.16 5.29)
- LCH
- lch(83.02 24.73 12.3)
- CMYK
- cmyk(0% 25% 22% 1%)
틴트 · 셰이드 · 톤
틴트
- FEC5CC
- FECBD1
- FFD2D7
- FFD8DD
- FFDFE2
- FFE5E8
- FFECEE
- FFF2F3
- FFF9F9
셰이드
- DCA5AC
- BC8C92
- 9D757A
- 7F5E62
- 62484B
- 473335
- 2D1F21
- 160D0E
- 030202
톤
- F0B8BF
- E3B1B8
- D7ABB0
- CAA5A9
- BE9FA2
- B1999B
- A59294
- 988C8E
- 8C8687
색 조화
보색 +180°
- FDBEC6
Love Affair
- 98E1DC
≈ Aqua Fiesta
유사색 -30° +30°
- FDBEC6
Love Affair
- F3BFE0
≈ Lavender Soap
- FCC2AD
≈ Gadabout
삼각 배색 +120° +240°
- FDBEC6
Love Affair
- C1DCA9
≈ Bowling Green
- AFD6FF
≈ Malmö FF
분열 보색 +150° +210°
- FDBEC6
Love Affair
- A7E1C1
≈ Mountain Mint
- 9BDDF3
≈ Non-Photo Blue
사각 배색 +90° +180° +270°
- FDBEC6
Love Affair
- DCD39B
≈ Twinkle Toes
- 98E1DC
≈ Aqua Fiesta
- C8CDFF
≈ Lavender Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.35:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--love-affair: #fdbec6;
--love-affair-rgb: 253 190 198;
--love-affair-oklch: oklch(0.861 0.073 10.2);
}
.element {
color: var(--love-affair);
background-color: hsl(352 94% 87%);
border-color: oklch(0.861 0.073 10.2);
}Tailwind CSS v4
@theme {
--color-love-affair: #fdbec6;
--color-love-affair-50: #ffedef;
--color-love-affair-100: #ffdee1;
--color-love-affair-200: #f2c8cc;
--color-love-affair-300: #daa9ad;
--color-love-affair-400: #c58d94;
--color-love-affair-500: #b1727b;
--color-love-affair-600: #956068;
--color-love-affair-700: #784d53;
--color-love-affair-800: #58383d;
--color-love-affair-900: #3e262a;
--color-love-affair-950: #271418;
}SCSS
$love-affair: #fdbec6;
$love-affair-rgb: 253, 190, 198;
$love-affair-light: mix(#fff, $love-affair, 20%);
$love-affair-dark: mix(#000, $love-affair, 20%);
.element {
color: $love-affair;
box-shadow: 0 0 0 2px rgba($love-affair, 0.35);
}