En yakın adlandırılmış renk · #BDC1D5
#BDC1D5
En yakın adlandırılmış renk: Violet Vision
#BDC1D5 (rgb(189 193 213), hsl(230 22% 79%), oklch(0.814 0.028 276.8)) en çok Violet Vision 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.
#BDC1D5
oklch(0.814 0.028 276.8)
Renk dönüşümleri
- HEX
- #bdc1d5
- RGB
- rgb(189 193 213)
- HSL
- hsl(230 22% 79%)
- HWB
- hwb(230 74% 16%)
- OKLCH
- oklch(0.814 0.028 276.8)
- OKLab
- oklab(0.814 0.003 -0.028)
- CIE Lab
- lab(78.22 1.51 -10.55)
- LCH
- lch(78.22 10.66 278.1)
- CMYK
- cmyk(11% 9% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3C7D9
- CACDDD
- D0D3E2
- D7D9E6
- DEE0EA
- E4E6EE
- EBECF2
- F1F2F7
- F8F9FB
Koyu tonlar
- A4A7B9
- 8C8F9E
- 747783
- 5D5F6A
- 474951
- 33343A
- 1F2024
- 0D0E10
- 020202
Gri tonlar
- B7BACC
- B0B4C3
- AAADBB
- A4A6B2
- 9EA0AA
- 9899A1
- 929399
- 8C8D90
- 868688
Renk uyumları
Tamamlayıcı +180°
- BDC1D5
Violet Vision
- C7C3AE
≈ Kangaroo
Analog -30° +30°
- BDC1D5
Violet Vision
- B4C4D4
≈ Time Travel
- C7BED1
≈ Purpling Dawn
Üçlü +120° +240°
- BDC1D5
Violet Vision
- D4BCB6
≈ Sepia Rose
- B4C8BB
≈ Misty Morning
Bölünmüş tamamlayıcı +150° +210°
- BDC1D5
Violet Vision
- CFBFAF
≈ Soft Pelican
- BDC6B2
≈ Pattipan
Dörtlü +90° +180° +270°
- BDC1D5
Violet Vision
- D3BBBF
≈ Frosted Sugar
- C7C3AE
≈ Kangaroo
- AFC9C5
≈ Seaport Steam
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.78:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.75:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-vision: #bdc1d5;
--violet-vision-rgb: 189 193 213;
--violet-vision-oklch: oklch(0.814 0.028 276.8);
}
.element {
color: var(--violet-vision);
background-color: hsl(230 22% 79%);
border-color: oklch(0.814 0.028 276.8);
}Tailwind CSS v4
@theme {
--color-violet-vision: #bdc1d5;
--color-violet-vision-50: #f3f4fd;
--color-violet-vision-100: #e5e7f2;
--color-violet-vision-200: #d1d3e1;
--color-violet-vision-300: #b4b6c6;
--color-violet-vision-400: #9a9db0;
--color-violet-vision-500: #818599;
--color-violet-vision-600: #6d7082;
--color-violet-vision-700: #575a68;
--color-violet-vision-800: #3f424c;
--color-violet-vision-900: #2c2d35;
--color-violet-vision-950: #191a20;
}SCSS
$violet-vision: #bdc1d5;
$violet-vision-rgb: 189, 193, 213;
$violet-vision-light: mix(#fff, $violet-vision, 20%);
$violet-vision-dark: mix(#000, $violet-vision, 20%);
.element {
color: $violet-vision;
box-shadow: 0 0 0 2px rgba($violet-vision, 0.35);
}