Adlandırılmış renk · #EE99AA
Pink Prestige
Pink Prestige, #EE99AA: rgb(238 153 170), hsl(348 71% 77%), oklch(0.773 0.104 6.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pink Prestige color name →
#EE99AA
oklch(0.773 0.104 6.7)
Renk dönüşümleri
- HEX
- #ee99aa
- RGB
- rgb(238 153 170)
- HSL
- hsl(348 71% 77%)
- HWB
- hwb(348 60% 7%)
- OKLCH
- oklch(0.773 0.104 6.7)
- OKLab
- oklab(0.773 0.103 0.012)
- CIE Lab
- lab(72.43 34.27 5.12)
- LCH
- lch(72.43 34.65 8.5)
- CMYK
- cmyk(0% 36% 29% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1A3B2
- F3AEBA
- F5B8C3
- F7C2CB
- F9CCD4
- FBD6DC
- FCE0E5
- FDEBEE
- FEF5F6
Koyu tonlar
- CF8493
- B1707D
- 935D68
- 774A53
- 5C383F
- 42272D
- 2A171B
- 14080B
- 030101
Gri tonlar
- E397A6
- D895A1
- CD929D
- C29099
- B78D95
- AC8B91
- A1888C
- 968688
- 8B8384
Renk uyumları
Tamamlayıcı +180°
- EE99AA
Pink Prestige
- 5ACBC0
≈ Bayside
Analog -30° +30°
- EE99AA
Pink Prestige
- E09CCE
≈ Crepe Myrtle
- EF9D86
≈ Rose Essence
Üçlü +120° +240°
- EE99AA
Pink Prestige
- A4C278
≈ Opaline Green
- 7DBBF4
≈ Broken Blue
Bölünmüş tamamlayıcı +150° +210°
- EE99AA
Pink Prestige
- 7BC99A
≈ Jocose Jade
- 5CC5E0
≈ Naxos Sky
Dörtlü +90° +180° +270°
- EE99AA
Pink Prestige
- C8B565
≈ Canadian Maple
- 5ACBC0
≈ Bayside
- A4AFF7
≈ Wondrous Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.14:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.77:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-prestige: #ee99aa;
--pink-prestige-rgb: 238 153 170;
--pink-prestige-oklch: oklch(0.773 0.104 6.7);
}
.element {
color: var(--pink-prestige);
background-color: hsl(348 71% 77%);
border-color: oklch(0.773 0.104 6.7);
}Tailwind CSS v4
@theme {
--color-pink-prestige: #ee99aa;
--color-pink-prestige-50: #ffeaef;
--color-pink-prestige-100: #ffdae1;
--color-pink-prestige-200: #fdc3cb;
--color-pink-prestige-300: #e6a2ac;
--color-pink-prestige-400: #d38494;
--color-pink-prestige-500: #bf677b;
--color-pink-prestige-600: #a15868;
--color-pink-prestige-700: #824653;
--color-pink-prestige-800: #60323e;
--color-pink-prestige-900: #43222a;
--color-pink-prestige-950: #2b1118;
}SCSS
$pink-prestige: #ee99aa;
$pink-prestige-rgb: 238, 153, 170;
$pink-prestige-light: mix(#fff, $pink-prestige, 20%);
$pink-prestige-dark: mix(#000, $pink-prestige, 20%);
.element {
color: $pink-prestige;
box-shadow: 0 0 0 2px rgba($pink-prestige, 0.35);
}