Adlandırılmış renk · #E3A9C4
Party Time
Party Time, #E3A9C4: rgb(227 169 196), hsl(332 51% 78%), oklch(0.797 0.076 349.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Party Time color name →
#E3A9C4
oklch(0.797 0.076 349.4)
Renk dönüşümleri
- HEX
- #e3a9c4
- RGB
- rgb(227 169 196)
- HSL
- hsl(332 51% 78%)
- HWB
- hwb(332 66% 11%)
- OKLCH
- oklch(0.797 0.076 349.4)
- OKLab
- oklab(0.797 0.075 -0.014)
- CIE Lab
- lab(75.38 24.96 -5.06)
- LCH
- lch(75.38 25.47 348.5)
- CMYK
- cmyk(0% 26% 14% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6B2CA
- E9BAD0
- ECC3D5
- EFCBDB
- F2D4E1
- F5DCE7
- F8E5ED
- FAEEF3
- FDF6F9
Koyu tonlar
- C592AA
- A87C91
- 8C6778
- 715361
- 573F4A
- 3F2C35
- 271B21
- 120A0E
- 030102
Gri tonlar
- D9A5BD
- CFA1B6
- C59DAF
- BB99A8
- B195A1
- A7919B
- 9D8C94
- 94888D
- 8A8487
Renk uyumları
Tamamlayıcı +180°
- E3A9C4
Party Time
- 8ACDB5
≈ Vile Green
Analog -30° +30°
- E3A9C4
Party Time
- D3ADDC
≈ Whisper of Plum
- EAA9A9
≈ Hibiscus Petal
Üçlü +120° +240°
- E3A9C4
Party Time
- C0C188
≈ Kiss a Frog
- 88C7E4
≈ Deluxe Days
Bölünmüş tamamlayıcı +150° +210°
- E3A9C4
Party Time
- A4C99A
≈ Gingko
- 7FCCCF
≈ White Ultramarine
Dörtlü +90° +180° +270°
- E3A9C4
Party Time
- D7B884
≈ Brik Dough
- 8ACDB5
≈ Vile Green
- A0BEEE
≈ Sail to the Sea
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.73:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--party-time: #e3a9c4;
--party-time-rgb: 227 169 196;
--party-time-oklch: oklch(0.797 0.076 349.4);
}
.element {
color: var(--party-time);
background-color: hsl(332 51% 78%);
border-color: oklch(0.797 0.076 349.4);
}Tailwind CSS v4
@theme {
--color-party-time: #e3a9c4;
--color-party-time-50: #ffedf8;
--color-party-time-100: #fddeeb;
--color-party-time-200: #efc8d8;
--color-party-time-300: #d7a8bc;
--color-party-time-400: #c18ca5;
--color-party-time-500: #ad718e;
--color-party-time-600: #926078;
--color-party-time-700: #754d60;
--color-party-time-800: #563747;
--color-party-time-900: #3c2631;
--color-party-time-950: #26141d;
}SCSS
$party-time: #e3a9c4;
$party-time-rgb: 227, 169, 196;
$party-time-light: mix(#fff, $party-time, 20%);
$party-time-dark: mix(#000, $party-time, 20%);
.element {
color: $party-time;
box-shadow: 0 0 0 2px rgba($party-time, 0.35);
}