Adlandırılmış renk · #CECEDF
Breezy Violet
Breezy Violet, #CECEDF: rgb(206 206 223), hsl(240 21% 84%), oklch(0.857 0.023 285.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Breezy Violet color name →
#CECEDF
oklch(0.857 0.023 285.9)
Renk dönüşümleri
- HEX
- #cecedf
- RGB
- rgb(206 206 223)
- HSL
- hsl(240 21% 84%)
- HWB
- hwb(240 81% 13%)
- OKLCH
- oklch(0.857 0.023 285.9)
- OKLab
- oklab(0.857 0.006 -0.022)
- CIE Lab
- lab(83.15 2.4 -8.44)
- LCH
- lch(83.15 8.78 285.9)
- CMYK
- cmyk(8% 8% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3D3E2
- D8D8E5
- DCDDE9
- E1E1EC
- E6E6EF
- EBEBF2
- F0F0F5
- F5F5F9
- FAFAFC
Koyu tonlar
- B3B3C2
- 9898A5
- 7F7F8A
- 66666F
- 4E4E56
- 38383D
- 232327
- 0F0F12
- 020202
Gri tonlar
- C6C6D5
- BEBECB
- B6B6C2
- AEAEB8
- A6A6AE
- 9E9EA5
- 97979C
- 8F8F92
- 878789
Renk uyumları
Tamamlayıcı +180°
- CECEDF
Breezy Violet
- D1D1C0
≈ Wishing Well
Analog -30° +30°
- CECEDF
Breezy Violet
- C6D1DF
≈ Light Time Travel
- D6CBDA
≈ Dusky Lilac
Üçlü +120° +240°
- CECEDF
Breezy Violet
- DECCC3
≈ Nana’s Pearls
- C2D5CC
≈ Gracilis
Bölünmüş tamamlayıcı +150° +210°
- CECEDF
Breezy Violet
- D9CEBF
≈ Warm Oatmeal
- C9D4C5
≈ Iced Aniseed
Dörtlü +90° +180° +270°
- CECEDF
Breezy Violet
- DFCACB
≈ Mega Metal Mecha
- D1D1C0
≈ Wishing Well
- BFD5D5
≈ Wind Speed
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.51:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--breezy-violet: #cecedf;
--breezy-violet-rgb: 206 206 223;
--breezy-violet-oklch: oklch(0.857 0.023 285.9);
}
.element {
color: var(--breezy-violet);
background-color: hsl(240 21% 84%);
border-color: oklch(0.857 0.023 285.9);
}Tailwind CSS v4
@theme {
--color-breezy-violet: #cecedf;
--color-breezy-violet-50: #f4f4fc;
--color-breezy-violet-100: #e7e7ef;
--color-breezy-violet-200: #d3d3de;
--color-breezy-violet-300: #b6b6c3;
--color-breezy-violet-400: #9d9dac;
--color-breezy-violet-500: #848495;
--color-breezy-violet-600: #70707e;
--color-breezy-violet-700: #5a5965;
--color-breezy-violet-800: #41414a;
--color-breezy-violet-900: #2d2d34;
--color-breezy-violet-950: #1a1a1f;
}SCSS
$breezy-violet: #cecedf;
$breezy-violet-rgb: 206, 206, 223;
$breezy-violet-light: mix(#fff, $breezy-violet, 20%);
$breezy-violet-dark: mix(#000, $breezy-violet, 20%);
.element {
color: $breezy-violet;
box-shadow: 0 0 0 2px rgba($breezy-violet, 0.35);
}