Adlandırılmış renk · #FCC9B9
Ending Dawn
Ending Dawn, #FCC9B9: rgb(252 201 185), hsl(14 92% 86%), oklch(0.877 0.062 38.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Ending Dawn color name →
#FCC9B9
oklch(0.877 0.062 38.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FDCEC0
- FDD4C7
- FED9CE
- FEDFD5
- FEE4DC
- FFE9E3
- FFEFEA
- FFF4F1
- FFFAF8
Koyu tonlar
- DBAEA0
- BB9589
- 9C7C71
- 7E645B
- 624C46
- 473631
- 2D221E
- 160F0D
- 030202
Gri tonlar
- EFC2B3
- E2BAAD
- D6B3A8
- C9ABA2
- BDA49C
- B09D97
- A49591
- 988E8B
- 8C8786
Renk uyumları
Tamamlayıcı +180°
- FCC9B9
Ending Dawn
- A8E1F2
≈ Atmospheric Soft Blue
Analog -30° +30°
- FCC9B9
Ending Dawn
- FCC6CE
≈ Rosey Afterglow
- F2CFAB
≈ Baby Fragrance
Üçlü +120° +240°
- FCC9B9
Ending Dawn
- B5E3C7
≈ Coastal Foam
- CCD3FF
≈ Pale Phthalo Blue
Bölünmüş tamamlayıcı +150° +210°
- FCC9B9
Ending Dawn
- A7E4DE
≈ Ice Crystal Blue
- B7DBFE
≈ Broad Daylight
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.19:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}