이름 색상 · #FFDAD9
Cottagecore Sunset
Cottagecore Sunset은(는) #FFDAD9: rgb(255 218 217), hsl(2 100% 93%), oklch(0.919 0.041 19.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Cottagecore Sunset color name →
#FFDAD9
oklch(0.919 0.041 19.8)
색상 변환
- HEX
- #ffdad9
- RGB
- rgb(255 218 217)
- HSL
- hsl(2 100% 93%)
- HWB
- hwb(2 85% 0%)
- OKLCH
- oklch(0.919 0.041 19.8)
- OKLab
- oklab(0.919 0.039 0.014)
- CIE Lab
- lab(90.19 13.15 5.52)
- LCH
- lch(90.19 14.26 22.8)
- CMYK
- cmyk(0% 15% 15% 0%)
틴트 · 셰이드 · 톤
틴트
- FFDEDD
- FFE1E1
- FFE5E4
- FFE9E8
- FFEDEC
- FFF0F0
- FFF4F4
- FFF8F7
- FFFBFB
셰이드
- DEBDBC
- BEA2A1
- 9E8786
- 806C6C
- 635453
- 483C3B
- 2E2525
- 161111
- 030202
톤
- F2D1D0
- E5C7C7
- D8BEBD
- CBB5B4
- BEACAB
- B1A3A3
- A59A9A
- 989191
- 8C8989
색 조화
보색 +180°
- FFDAD9
Cottagecore Sunset
- C5EDEF
≈ Icy Breeze
유사색 -30° +30°
- FFDAD9
Cottagecore Sunset
- FBDAE8
≈ Cherry Flower
- FCDDCC
≈ Shironeri Silk
삼각 배색 +120° +240°
- FFDAD9
Cottagecore Sunset
- D6ECD2
≈ Lantana Lime
- D5E5FF
≈ Veiling Waterfalls
분열 보색 +150° +210°
- FFDAD9
Cottagecore Sunset
- CAEEE0
≈ Summer House
- C9EAFB
≈ Frosty Day
사각 배색 +90° +180° +270°
- FFDAD9
Cottagecore Sunset
- E5E7C8
≈ More Mint
- C5EDEF
≈ Icy Breeze
- E3E0FF
≈ Stoic White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.28:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--cottagecore-sunset: #ffdad9;
--cottagecore-sunset-rgb: 255 218 217;
--cottagecore-sunset-oklch: oklch(0.919 0.041 19.8);
}
.element {
color: var(--cottagecore-sunset);
background-color: hsl(2 100% 93%);
border-color: oklch(0.919 0.041 19.8);
}Tailwind CSS v4
@theme {
--color-cottagecore-sunset: #ffdad9;
--color-cottagecore-sunset-50: #fff1f0;
--color-cottagecore-sunset-100: #f6e3e2;
--color-cottagecore-sunset-200: #e6cecc;
--color-cottagecore-sunset-300: #ccb0ae;
--color-cottagecore-sunset-400: #b69594;
--color-cottagecore-sunset-500: #a07c7b;
--color-cottagecore-sunset-600: #876968;
--color-cottagecore-sunset-700: #6c5453;
--color-cottagecore-sunset-800: #503d3d;
--color-cottagecore-sunset-900: #382a2a;
--color-cottagecore-sunset-950: #221717;
}SCSS
$cottagecore-sunset: #ffdad9;
$cottagecore-sunset-rgb: 255, 218, 217;
$cottagecore-sunset-light: mix(#fff, $cottagecore-sunset, 20%);
$cottagecore-sunset-dark: mix(#000, $cottagecore-sunset, 20%);
.element {
color: $cottagecore-sunset;
box-shadow: 0 0 0 2px rgba($cottagecore-sunset, 0.35);
}