En yakın adlandırılmış renk · #C0B4EB
#C0B4EB
En yakın adlandırılmış renk: Violet Heaven
#C0B4EB (rgb(192 180 235), hsl(253 58% 81%), oklch(0.799 0.078 294.6)) en çok Violet Heaven 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.
#C0B4EB
oklch(0.799 0.078 294.6)
Renk dönüşümleri
- HEX
- #c0b4eb
- RGB
- rgb(192 180 235)
- HSL
- hsl(253 58% 81%)
- HWB
- hwb(253 71% 8%)
- OKLCH
- oklch(0.799 0.078 294.6)
- OKLab
- oklab(0.799 0.032 -0.071)
- CIE Lab
- lab(75.75 12.67 -26.04)
- LCH
- lch(75.75 28.96 295.9)
- CMYK
- cmyk(18% 23% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6BBED
- CCC3EF
- D2CAF2
- D9D2F4
- DFD9F6
- E5E1F8
- ECE8FA
- F2F0FB
- F8F7FD
Koyu tonlar
- A79CCC
- 8E85AE
- 766E91
- 5F5875
- 49445B
- 343041
- 201D29
- 0E0C13
- 020203
Gri tonlar
- B9AFE0
- B3AAD5
- ACA4CA
- A69FBF
- 9F9AB5
- 9995AA
- 93909F
- 8C8A95
- 86858A
Renk uyumları
Tamamlayıcı +180°
- C0B4EB
Violet Heaven
- BCC48A
≈ Misty Valley
Analog -30° +30°
- C0B4EB
Violet Heaven
- A5BDF0
≈ Perano
- D7ADDA
≈ Whisper of Plum
Üçlü +120° +240°
- C0B4EB
Violet Heaven
- E5B08E
≈ Ancient Inca
- 86CEBA
≈ Lavish Green
Bölünmüş tamamlayıcı +150° +210°
- C0B4EB
Violet Heaven
- D5BA83
≈ Independent Gold
- 9FCB9E
≈ Mover & Shaker
Dörtlü +90° +180° +270°
- C0B4EB
Violet Heaven
- ECAAA5
≈ Soft Salmon
- BCC48A
≈ Misty Valley
- 7ECCD5
≈ White Ultramarine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.91:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.96:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-heaven: #c0b4eb;
--violet-heaven-rgb: 192 180 235;
--violet-heaven-oklch: oklch(0.799 0.078 294.6);
}
.element {
color: var(--violet-heaven);
background-color: hsl(253 58% 81%);
border-color: oklch(0.799 0.078 294.6);
}Tailwind CSS v4
@theme {
--color-violet-heaven: #c0b4eb;
--color-violet-heaven-50: #f7f1ff;
--color-violet-heaven-100: #eae3ff;
--color-violet-heaven-200: #d7cef2;
--color-violet-heaven-300: #bbb0db;
--color-violet-heaven-400: #a196c8;
--color-violet-heaven-500: #897cb5;
--color-violet-heaven-600: #746999;
--color-violet-heaven-700: #5d547a;
--color-violet-heaven-800: #433d5b;
--color-violet-heaven-900: #2e2a40;
--color-violet-heaven-950: #1b1829;
}SCSS
$violet-heaven: #c0b4eb;
$violet-heaven-rgb: 192, 180, 235;
$violet-heaven-light: mix(#fff, $violet-heaven, 20%);
$violet-heaven-dark: mix(#000, $violet-heaven, 20%);
.element {
color: $violet-heaven;
box-shadow: 0 0 0 2px rgba($violet-heaven, 0.35);
}