Adlandırılmış renk · #C2B1C8
Purple Essence
Purple Essence, #C2B1C8: rgb(194 177 200), hsl(284 17% 74%), oklch(0.782 0.037 317.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Purple Essence color name →
#C2B1C8
oklch(0.782 0.037 317.3)
Renk dönüşümleri
- HEX
- #c2b1c8
- RGB
- rgb(194 177 200)
- HSL
- hsl(284 17% 74%)
- HWB
- hwb(284 69% 22%)
- OKLCH
- oklch(0.782 0.037 317.3)
- OKLab
- oklab(0.782 0.027 -0.025)
- CIE Lab
- lab(74.2 9.43 -9.4)
- LCH
- lch(74.2 13.31 315.1)
- CMYK
- cmyk(3% 12% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C8B9CD
- CEC0D3
- D4C8D8
- DAD0DE
- E0D7E3
- E6DFE9
- ECE7EE
- F3EFF4
- F9F7F9
Koyu tonlar
- A899AE
- 8F8394
- 776C7B
- 605763
- 49424C
- 342F36
- 201C21
- 0E0C0F
- 020102
Gri tonlar
- BBACC1
- B4A7B9
- AEA2B2
- A79DAB
- A098A3
- 9A939C
- 938E95
- 8D8A8E
- 868587
Renk uyumları
Tamamlayıcı +180°
- C2B1C8
Purple Essence
- ADBEA7
≈ Meadow Morn
Analog -30° +30°
- C2B1C8
Purple Essence
- B6B5CF
≈ Madder Blue
- CBAFBC
≈ Pink Potion
Üçlü +120° +240°
- C2B1C8
Purple Essence
- C6B59E
≈ Best Beige
- 9DC0C0
≈ Frosty Glade
Bölünmüş tamamlayıcı +150° +210°
- C2B1C8
Purple Essence
- BABA9F
≈ Dried Thyme
- A2C0B3
≈ Folk Tales
Dörtlü +90° +180° +270°
- C2B1C8
Purple Essence
- CDB1A4
≈ Rose Dust
- ADBEA7
≈ Meadow Morn
- A0BDCB
≈ Frozen Tundra
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.41:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-essence: #c2b1c8;
--purple-essence-rgb: 194 177 200;
--purple-essence-oklch: oklch(0.782 0.037 317.3);
}
.element {
color: var(--purple-essence);
background-color: hsl(284 17% 74%);
border-color: oklch(0.782 0.037 317.3);
}Tailwind CSS v4
@theme {
--color-purple-essence: #c2b1c8;
--color-purple-essence-50: #faf2fc;
--color-purple-essence-100: #ede4f0;
--color-purple-essence-200: #dbcfde;
--color-purple-essence-300: #c0b2c4;
--color-purple-essence-400: #a898ad;
--color-purple-essence-500: #917f97;
--color-purple-essence-600: #7a6b7f;
--color-purple-essence-700: #625666;
--color-purple-essence-800: #473f4b;
--color-purple-essence-900: #312b34;
--color-purple-essence-950: #1d1820;
}SCSS
$purple-essence: #c2b1c8;
$purple-essence-rgb: 194, 177, 200;
$purple-essence-light: mix(#fff, $purple-essence, 20%);
$purple-essence-dark: mix(#000, $purple-essence, 20%);
.element {
color: $purple-essence;
box-shadow: 0 0 0 2px rgba($purple-essence, 0.35);
}