En yakın adlandırılmış renk · #E0C6E8
#E0C6E8
En yakın adlandırılmış renk: Prom Corsage
#E0C6E8 (rgb(224 198 232), hsl(286 42% 84%), oklch(0.859 0.054 318.2)) 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.
#E0C6E8
oklch(0.859 0.054 318.2)
Renk dönüşümleri
- HEX
- #e0c6e8
- RGB
- rgb(224 198 232)
- HSL
- hsl(286 42% 84%)
- HWB
- hwb(286 78% 9%)
- OKLCH
- oklch(0.859 0.054 318.2)
- OKLab
- oklab(0.859 0.04 -0.036)
- CIE Lab
- lab(82.89 13.93 -13.4)
- LCH
- lch(82.89 19.33 316.1)
- CMYK
- cmyk(3% 15% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3CCEA
- E6D1ED
- E9D7EF
- ECDDF1
- F0E2F4
- F3E8F6
- F6EEF8
- F9F3FB
- FCF9FD
Koyu tonlar
- C3ACCA
- A692AC
- 8A7A90
- 706274
- 564B59
- 3E3540
- 272129
- 120E13
- 020203
Gri tonlar
- D6BFDD
- CCB8D2
- C2B1C8
- B9A9BD
- AFA2B3
- A59BA8
- 9C959E
- 928E94
- 89878A
Renk uyumları
Tamamlayıcı +180°
- E0C6E8
Prom Corsage
- C0DAB7
≈ Grasshopper Pie
Analog -30° +30°
- E0C6E8
Prom Corsage
- CECCF3
≈ Miami White
- EDC3D7
≈ Tussie-Mussie
Üçlü +120° +240°
- E0C6E8
Prom Corsage
- E4CDA9
≈ Dried Plantain
- A7DCDD
≈ Aqua Spray
Bölünmüş tamamlayıcı +150° +210°
- E0C6E8
Prom Corsage
- D3D4AB
≈ Cream Cheese Avocado
- AFDDCA
≈ Brook Green
Dörtlü +90° +180° +270°
- E0C6E8
Prom Corsage
- EFC7B2
≈ Sweet Pastel
- C0DAB7
≈ Grasshopper Pie
- ACD8ED
≈ Blue Feather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.56:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.41:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--prom-corsage: #e0c6e8;
--prom-corsage-rgb: 224 198 232;
--prom-corsage-oklch: oklch(0.859 0.054 318.2);
}
.element {
color: var(--prom-corsage);
background-color: hsl(286 42% 84%);
border-color: oklch(0.859 0.054 318.2);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e0c6e8;
--color-prom-corsage-50: #fcf0ff;
--color-prom-corsage-100: #f0e2f3;
--color-prom-corsage-200: #dfcde3;
--color-prom-corsage-300: #c4afc9;
--color-prom-corsage-400: #ac95b3;
--color-prom-corsage-500: #967b9e;
--color-prom-corsage-600: #7e6885;
--color-prom-corsage-700: #65536b;
--color-prom-corsage-800: #4a3d4f;
--color-prom-corsage-900: #332a37;
--color-prom-corsage-950: #1f1722;
}SCSS
$prom-corsage: #e0c6e8;
$prom-corsage-rgb: 224, 198, 232;
$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);
}