En yakın adlandırılmış renk · #CFC6E2
#CFC6E2
En yakın adlandırılmış renk: Lavender Bliss
#CFC6E2 (rgb(207 198 226), hsl(259 33% 83%), oklch(0.843 0.04 300.2)) en çok Lavender Bliss 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.
#CFC6E2
oklch(0.843 0.04 300.2)
Renk dönüşümleri
- HEX
- #cfc6e2
- RGB
- rgb(207 198 226)
- HSL
- hsl(259 33% 83%)
- HWB
- hwb(259 78% 11%)
- OKLCH
- oklch(0.843 0.04 300.2)
- OKLab
- oklab(0.843 0.02 -0.034)
- CIE Lab
- lab(81.28 7.17 -12.79)
- LCH
- lch(81.28 14.66 299.3)
- CMYK
- cmyk(8% 12% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4CCE5
- D8D1E8
- DDD7EB
- E2DDEE
- E7E2F1
- ECE8F4
- F0EEF6
- F5F3F9
- FAF9FC
Koyu tonlar
- B4ACC4
- 9992A8
- 7F7A8C
- 676271
- 4F4B57
- 38353E
- 232127
- 100E12
- 020203
Gri tonlar
- C7BFD8
- BFB8CE
- B7B0C4
- AFA9BA
- A7A2B0
- 9F9BA6
- 97949C
- 8F8E93
- 888789
Renk uyumları
Tamamlayıcı +180°
- CFC6E2
Lavender Bliss
- C8D0B3
≈ Bonsai Tint
Analog -30° +30°
- CFC6E2
Lavender Bliss
- C1CBE6
≈ Powdered Granite
- DBC2D8
≈ Plum Taffy
Üçlü +120° +240°
- CFC6E2
Lavender Bliss
- DFC6B2
≈ Arabian Sands
- B0D4CC
≈ Feeling Lucky
Bölünmüş tamamlayıcı +150° +210°
- CFC6E2
Lavender Bliss
- D5CBAF
≈ Aths Special
- BAD3BE
≈ Surf
Dörtlü +90° +180° +270°
- CFC6E2
Lavender Bliss
- E4C2BC
≈ Rose Petal
- C8D0B3
≈ Bonsai Tint
- AED3DA
≈ Balboa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.63:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.82:1 · APCA Lc 75
En iyi metin rengi: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavender-bliss: #cfc6e2;
--lavender-bliss-rgb: 207 198 226;
--lavender-bliss-oklch: oklch(0.843 0.04 300.2);
}
.element {
color: var(--lavender-bliss);
background-color: hsl(259 33% 83%);
border-color: oklch(0.843 0.04 300.2);
}Tailwind CSS v4
@theme {
--color-lavender-bliss: #cfc6e2;
--color-lavender-bliss-50: #f7f3ff;
--color-lavender-bliss-100: #eae5f3;
--color-lavender-bliss-200: #d7d1e3;
--color-lavender-bliss-300: #bbb3c9;
--color-lavender-bliss-400: #a29ab3;
--color-lavender-bliss-500: #8a819d;
--color-lavender-bliss-600: #756d85;
--color-lavender-bliss-700: #5d576a;
--color-lavender-bliss-800: #44404f;
--color-lavender-bliss-900: #2f2c37;
--color-lavender-bliss-950: #1b1922;
}SCSS
$lavender-bliss: #cfc6e2;
$lavender-bliss-rgb: 207, 198, 226;
$lavender-bliss-light: mix(#fff, $lavender-bliss, 20%);
$lavender-bliss-dark: mix(#000, $lavender-bliss, 20%);
.element {
color: $lavender-bliss;
box-shadow: 0 0 0 2px rgba($lavender-bliss, 0.35);
}