Nazwany kolor · #FFDAD9
Cottagecore Sunset
Cottagecore Sunset to #FFDAD9: rgb(255 218 217), hsl(2 100% 93%), oklch(0.919 0.041 19.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Cottagecore Sunset color name →
#FFDAD9
oklch(0.919 0.041 19.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFDEDD
- FFE1E1
- FFE5E4
- FFE9E8
- FFEDEC
- FFF0F0
- FFF4F4
- FFF8F7
- FFFBFB
Odcienie ciemniejsze
- DEBDBC
- BEA2A1
- 9E8786
- 806C6C
- 635453
- 483C3B
- 2E2525
- 161111
- 030202
Tony
- F2D1D0
- E5C7C7
- D8BEBD
- CBB5B4
- BEACAB
- B1A3A3
- A59A9A
- 989191
- 8C8989
Harmonie kolorów
Komplementarna +180°
- FFDAD9
Cottagecore Sunset
- C5EDEF
≈ Icy Breeze
Analogowa -30° +30°
- FFDAD9
Cottagecore Sunset
- FBDAE8
≈ Cherry Flower
- FCDDCC
≈ Shironeri Silk
Triada +120° +240°
- FFDAD9
Cottagecore Sunset
- D6ECD2
≈ Lantana Lime
- D5E5FF
≈ Veiling Waterfalls
Komplementarna rozszczepiona +150° +210°
- FFDAD9
Cottagecore Sunset
- CAEEE0
≈ Summer House
- C9EAFB
≈ Frosty Day
Tetrada +90° +180° +270°
- FFDAD9
Cottagecore Sunset
- E5E7C8
≈ More Mint
- C5EDEF
≈ Icy Breeze
- E3E0FF
≈ Stoic White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.28:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
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);
}