En yakın adlandırılmış renk · #E2A9DB
#E2A9DB
En yakın adlandırılmış renk: Candy Floss
#E2A9DB (rgb(226 169 219), hsl(307 50% 77%), oklch(0.803 0.093 330.6)) en çok Candy Floss 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.
#E2A9DB
oklch(0.803 0.093 330.6)
Renk dönüşümleri
- HEX
- #e2a9db
- RGB
- rgb(226 169 219)
- HSL
- hsl(307 50% 77%)
- HWB
- hwb(307 66% 11%)
- OKLCH
- oklch(0.803 0.093 330.6)
- OKLab
- oklab(0.803 0.081 -0.046)
- CIE Lab
- lab(75.86 27.52 -16.85)
- LCH
- lch(75.86 32.27 328.5)
- CMYK
- cmyk(0% 25% 3% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5B2DF
- E8BAE2
- EBC3E6
- EFCBEA
- F1D4ED
- F4DCF1
- F7E5F4
- FAEEF8
- FCF6FB
Koyu tonlar
- C492BE
- A87CA2
- 8C6787
- 71536D
- 573F54
- 3E2C3C
- 271B26
- 120A11
- 030102
Gri tonlar
- D8A5D2
- CEA1C8
- C49DBF
- BA99B6
- B095AD
- A791A4
- 9D8D9B
- 938892
- 8A8489
Renk uyumları
Tamamlayıcı +180°
- E2A9DB
Candy Floss
- 92D0A0
≈ Fennel
Analog -30° +30°
- E2A9DB
Candy Floss
- C8B1F2
≈ Purple Sand
- F2A6BB
≈ Petal Power
Üçlü +120° +240°
- E2A9DB
Candy Floss
- D5BD77
≈ Morning’s Egg
- 70CFE1
≈ Summer of ’82
Bölünmüş tamamlayıcı +150° +210°
- E2A9DB
Candy Floss
- B6C883
≈ Nurgling Green
- 75D3C2
≈ Turquoise Twist
Dörtlü +90° +180° +270°
- E2A9DB
Candy Floss
- EBB180
≈ Rusty Sand
- 92D0A0
≈ Fennel
- 86C7F5
≈ Nevermind Nirvana
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.92:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.93:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy-floss: #e2a9db;
--candy-floss-rgb: 226 169 219;
--candy-floss-oklch: oklch(0.803 0.093 330.6);
}
.element {
color: var(--candy-floss);
background-color: hsl(307 50% 77%);
border-color: oklch(0.803 0.093 330.6);
}Tailwind CSS v4
@theme {
--color-candy-floss: #e2a9db;
--color-candy-floss-50: #ffecff;
--color-candy-floss-100: #fcddf6;
--color-candy-floss-200: #edc6e6;
--color-candy-floss-300: #d5a6cc;
--color-candy-floss-400: #bf8ab8;
--color-candy-floss-500: #a96fa3;
--color-candy-floss-600: #8f5e8a;
--color-candy-floss-700: #734b6e;
--color-candy-floss-800: #543652;
--color-candy-floss-900: #3b2539;
--color-candy-floss-950: #251424;
}SCSS
$candy-floss: #e2a9db;
$candy-floss-rgb: 226, 169, 219;
$candy-floss-light: mix(#fff, $candy-floss, 20%);
$candy-floss-dark: mix(#000, $candy-floss, 20%);
.element {
color: $candy-floss;
box-shadow: 0 0 0 2px rgba($candy-floss, 0.35);
}