En yakın adlandırılmış renk · #DADAEB
#DADAEB
En yakın adlandırılmış renk: Velvet Scarf
#DADAEB (rgb(218 218 235), hsl(240 30% 89%), oklch(0.893 0.023 285.9)) en çok Velvet Scarf 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.
#DADAEB
oklch(0.893 0.023 285.9)
Renk dönüşümleri
- HEX
- #dadaeb
- RGB
- rgb(218 218 235)
- HSL
- hsl(240 30% 89%)
- HWB
- hwb(240 85% 8%)
- OKLCH
- oklch(0.893 0.023 285.9)
- OKLab
- oklab(0.893 0.006 -0.022)
- CIE Lab
- lab(87.43 2.37 -8.35)
- LCH
- lch(87.43 8.68 285.9)
- CMYK
- cmyk(7% 7% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DEDEED
- E1E1EF
- E5E5F1
- E9E9F3
- ECECF5
- F0F0F7
- F4F4F9
- F8F8FB
- FBFBFD
Koyu tonlar
- BDBDCC
- A2A2AE
- 878791
- 6C6C75
- 54545B
- 3C3C41
- 252529
- 111113
- 020203
Gri tonlar
- D1D1E0
- C7C7D5
- BEBECA
- B5B5BF
- ACACB4
- A3A3A9
- 9A9A9F
- 919194
- 89898A
Renk uyumları
Tamamlayıcı +180°
- DADAEB
Velvet Scarf
- DDDDCC
≈ Pinch of Pistachio
Analog -30° +30°
- DADAEB
Velvet Scarf
- D2DDEB
≈ Morning Shower
- E2D7E6
≈ Lavender Vista
Üçlü +120° +240°
- DADAEB
Velvet Scarf
- EAD8CF
≈ Winter Peach
- CEE1D8
≈ Light Meadow Lane
Bölünmüş tamamlayıcı +150° +210°
- DADAEB
Velvet Scarf
- E5DACB
≈ Swiss Almond
- D5E0D1
≈ Phantom Green
Dörtlü +90° +180° +270°
- DADAEB
Velvet Scarf
- EBD6D7
≈ Berry Taffy
- DDDDCC
≈ Pinch of Pistachio
- CBE1E1
≈ Mellifluous Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.20:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--velvet-scarf: #dadaeb;
--velvet-scarf-rgb: 218 218 235;
--velvet-scarf-oklch: oklch(0.893 0.023 285.9);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(240 30% 89%);
border-color: oklch(0.893 0.023 285.9);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #dadaeb;
--color-velvet-scarf-50: #f4f4fc;
--color-velvet-scarf-100: #e7e7ef;
--color-velvet-scarf-200: #d3d3de;
--color-velvet-scarf-300: #b6b6c3;
--color-velvet-scarf-400: #9d9dac;
--color-velvet-scarf-500: #848495;
--color-velvet-scarf-600: #70707e;
--color-velvet-scarf-700: #5a5965;
--color-velvet-scarf-800: #41414a;
--color-velvet-scarf-900: #2d2d34;
--color-velvet-scarf-950: #1a1a1f;
}SCSS
$velvet-scarf: #dadaeb;
$velvet-scarf-rgb: 218, 218, 235;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}