En yakın adlandırılmış renk · #CE9BCA
#CE9BCA
En yakın adlandırılmış renk: Pastel Violet
#CE9BCA (rgb(206 155 202), hsl(305 34% 71%), oklch(0.752 0.087 329)) en çok Pastel Violet 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.
#CE9BCA
oklch(0.752 0.087 329)
Renk dönüşümleri
- HEX
- #ce9bca
- RGB
- rgb(206 155 202)
- HSL
- hsl(305 34% 71%)
- HWB
- hwb(305 61% 19%)
- OKLCH
- oklch(0.752 0.087 329)
- OKLab
- oklab(0.752 0.075 -0.045)
- CIE Lab
- lab(70.04 25.35 -16.52)
- LCH
- lch(70.04 30.26 326.9)
- CMYK
- cmyk(0% 25% 2% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3A5CF
- D8AFD5
- DDB9DA
- E2C3DF
- E7CDE5
- ECD7EA
- F1E1EF
- F6EBF4
- FAF5FA
Koyu tonlar
- B386AF
- 987295
- 7F5E7C
- 664B64
- 4E394D
- 382837
- 231822
- 0F090F
- 020102
Gri tonlar
- C698C2
- BE96BB
- B693B3
- AF91AC
- A78EA4
- 9F8B9D
- 978896
- 90868E
- 888387
Renk uyumları
Tamamlayıcı +180°
- CE9BCA
Pastel Violet
- 87BE91
≈ Country Weekend
Analog -30° +30°
- CE9BCA
Pastel Violet
- B6A3DF
≈ Enchanted Lavender
- DD98AD
≈ Blush Bomb
Üçlü +120° +240°
- CE9BCA
Pastel Violet
- C5AC6D
≈ Dried Moss
- 66BECC
≈ Skink Blue
Bölünmüş tamamlayıcı +150° +210°
- CE9BCA
Pastel Violet
- A8B777
≈ Green Curry
- 6CC1B0
≈ T-Bird Turquoise
Dörtlü +90° +180° +270°
- CE9BCA
Pastel Violet
- D8A176
≈ Soft Leather
- 87BE91
≈ Country Weekend
- 79B7E0
≈ Tranquil Bay
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.16:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--pastel-violet: #ce9bca;
--pastel-violet-rgb: 206 155 202;
--pastel-violet-oklch: oklch(0.752 0.087 329);
}
.element {
color: var(--pastel-violet);
background-color: hsl(305 34% 71%);
border-color: oklch(0.752 0.087 329);
}Tailwind CSS v4
@theme {
--color-pastel-violet: #ce9bca;
--color-pastel-violet-50: #ffedff;
--color-pastel-violet-100: #fadef6;
--color-pastel-violet-200: #ebc7e6;
--color-pastel-violet-300: #d2a8cc;
--color-pastel-violet-400: #bc8cb8;
--color-pastel-violet-500: #a671a3;
--color-pastel-violet-600: #8d6089;
--color-pastel-violet-700: #714c6e;
--color-pastel-violet-800: #523752;
--color-pastel-violet-900: #392639;
--color-pastel-violet-950: #241424;
}SCSS
$pastel-violet: #ce9bca;
$pastel-violet-rgb: 206, 155, 202;
$pastel-violet-light: mix(#fff, $pastel-violet, 20%);
$pastel-violet-dark: mix(#000, $pastel-violet, 20%);
.element {
color: $pastel-violet;
box-shadow: 0 0 0 2px rgba($pastel-violet, 0.35);
}