En yakın adlandırılmış renk · #E3C4EA
#E3C4EA
En yakın adlandırılmış renk: Prom Corsage
#E3C4EA (rgb(227 196 234), hsl(289 47% 84%), oklch(0.858 0.062 320)) en çok Prom Corsage adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E3C4EA
oklch(0.858 0.062 320)
Renk dönüşümleri
- HEX
- #e3c4ea
- RGB
- rgb(227 196 234)
- HSL
- hsl(289 47% 84%)
- HWB
- hwb(289 77% 8%)
- OKLCH
- oklch(0.858 0.062 320)
- OKLab
- oklab(0.858 0.047 -0.04)
- CIE Lab
- lab(82.73 16.26 -14.67)
- LCH
- lch(82.73 21.9 318)
- CMYK
- cmyk(3% 16% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6CAEC
- E9D0EE
- ECD6F0
- EEDBF3
- F1E1F5
- F4E7F7
- F7EDF9
- FAF3FB
- FCF9FD
Koyu tonlar
- C5AACB
- A891AE
- 8C7891
- 716175
- 574A5A
- 3F3541
- 272129
- 120E13
- 030203
Gri tonlar
- D9BDDF
- CEB6D4
- C4AFC9
- BAA8BE
- B0A2B4
- A79BA9
- 9D949F
- 938D94
- 89878A
Renk uyumları
Tamamlayıcı +180°
- E3C4EA
Prom Corsage
- BCDBB5
≈ A Mann’s Mint
Analog -30° +30°
- E3C4EA
Prom Corsage
- CFCAF7
≈ Lavender Blue
- F1C1D6
≈ Cherry Blossom
Üçlü +120° +240°
- E3C4EA
Prom Corsage
- E6CDA3
≈ Coconut Crumble
- A1DDE0
≈ Aqua Spray
Bölünmüş tamamlayıcı +150° +210°
- E3C4EA
Prom Corsage
- D2D5A6
≈ White Jade
- A9DECA
≈ Prism
Dörtlü +90° +180° +270°
- E3C4EA
Prom Corsage
- F3C6AD
≈ Taco
- BCDBB5
≈ A Mann’s Mint
- A7D9F1
≈ Blue Bubble
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.35:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--prom-corsage: #e3c4ea;
--prom-corsage-rgb: 227 196 234;
--prom-corsage-oklch: oklch(0.858 0.062 320);
}
.element {
color: var(--prom-corsage);
background-color: hsl(289 47% 84%);
border-color: oklch(0.858 0.062 320);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e3c4ea;
--color-prom-corsage-50: #fef0ff;
--color-prom-corsage-100: #f2e1f4;
--color-prom-corsage-200: #e1cce4;
--color-prom-corsage-300: #c7adca;
--color-prom-corsage-400: #af93b5;
--color-prom-corsage-500: #9979a0;
--color-prom-corsage-600: #816787;
--color-prom-corsage-700: #67526c;
--color-prom-corsage-800: #4b3c50;
--color-prom-corsage-900: #342938;
--color-prom-corsage-950: #201723;
}SCSS
$prom-corsage: #e3c4ea;
$prom-corsage-rgb: 227, 196, 234;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}