이름 색상 · #FCC9B9
Ending Dawn
Ending Dawn은(는) #FCC9B9: rgb(252 201 185), hsl(14 92% 86%), oklch(0.877 0.062 38.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Ending Dawn color name →
#FCC9B9
oklch(0.877 0.062 38.1)
색상 변환
- HEX
- #fcc9b9
- RGB
- rgb(252 201 185)
- HSL
- hsl(14 92% 86%)
- HWB
- hwb(14 73% 1%)
- OKLCH
- oklch(0.877 0.062 38.1)
- OKLab
- oklab(0.877 0.049 0.039)
- CIE Lab
- lab(85.24 17 15.27)
- LCH
- lch(85.24 22.86 41.9)
- CMYK
- cmyk(0% 20% 27% 1%)
틴트 · 셰이드 · 톤
틴트
- FDCEC0
- FDD4C7
- FED9CE
- FEDFD5
- FEE4DC
- FFE9E3
- FFEFEA
- FFF4F1
- FFFAF8
셰이드
- DBAEA0
- BB9589
- 9C7C71
- 7E645B
- 624C46
- 473631
- 2D221E
- 160F0D
- 030202
톤
- EFC2B3
- E2BAAD
- D6B3A8
- C9ABA2
- BDA49C
- B09D97
- A49591
- 988E8B
- 8C8786
색 조화
보색 +180°
- FCC9B9
Ending Dawn
- A8E1F2
≈ Atmospheric Soft Blue
유사색 -30° +30°
- FCC9B9
Ending Dawn
- FCC6CE
≈ Rosey Afterglow
- F2CFAB
≈ Baby Fragrance
삼각 배색 +120° +240°
- FCC9B9
Ending Dawn
- B5E3C7
≈ Coastal Foam
- CCD3FF
≈ Pale Phthalo Blue
분열 보색 +150° +210°
- FCC9B9
Ending Dawn
- A7E4DE
≈ Ice Crystal Blue
- B7DBFE
≈ Broad Daylight
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.19:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--ending-dawn: #fcc9b9;
--ending-dawn-rgb: 252 201 185;
--ending-dawn-oklch: oklch(0.877 0.062 38.1);
}
.element {
color: var(--ending-dawn);
background-color: hsl(14 92% 86%);
border-color: oklch(0.877 0.062 38.1);
}Tailwind CSS v4
@theme {
--color-ending-dawn: #fcc9b9;
--color-ending-dawn-50: #fff0e8;
--color-ending-dawn-100: #fbe2d9;
--color-ending-dawn-200: #edccc1;
--color-ending-dawn-300: #d5ada0;
--color-ending-dawn-400: #c09284;
--color-ending-dawn-500: #ab7868;
--color-ending-dawn-600: #906658;
--color-ending-dawn-700: #745146;
--color-ending-dawn-800: #563b33;
--color-ending-dawn-900: #3c2823;
--color-ending-dawn-950: #251612;
}SCSS
$ending-dawn: #fcc9b9;
$ending-dawn-rgb: 252, 201, 185;
$ending-dawn-light: mix(#fff, $ending-dawn, 20%);
$ending-dawn-dark: mix(#000, $ending-dawn, 20%);
.element {
color: $ending-dawn;
box-shadow: 0 0 0 2px rgba($ending-dawn, 0.35);
}