En yakın adlandırılmış renk · #B297D7
#B297D7
En yakın adlandırılmış renk: Violet Velvet
#B297D7 (rgb(178 151 215), hsl(265 44% 72%), oklch(0.723 0.095 303.4)) en çok Violet Velvet 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.
#B297D7
oklch(0.723 0.095 303.4)
Renk dönüşümleri
- HEX
- #b297d7
- RGB
- rgb(178 151 215)
- HSL
- hsl(265 44% 72%)
- HWB
- hwb(265 59% 16%)
- OKLCH
- oklch(0.723 0.095 303.4)
- OKLab
- oklab(0.723 0.053 -0.08)
- CIE Lab
- lab(66.68 19.77 -29.09)
- LCH
- lch(66.68 35.17 304.2)
- CMYK
- cmyk(17% 30% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9A1DB
- C1ACE0
- C8B6E4
- D0C0E8
- D8CBEC
- DFD5F0
- E7DFF4
- EFEAF8
- F7F4FB
Koyu tonlar
- 9A83BB
- 836F9F
- 6D5C85
- 57496B
- 433752
- 2F263B
- 1D1725
- 0C0811
- 010102
Gri tonlar
- AD95CE
- A893C5
- A391BD
- 9E8EB4
- 998CAB
- 948AA3
- 8F879A
- 8A8591
- 858289
Renk uyumları
Tamamlayıcı +180°
- B297D7
Violet Velvet
- 9AB06C
≈ Matcha Mecha
Analog -30° +30°
- B297D7
Violet Velvet
- 92A2E2
≈ Dalmatian Sage
- CA8FBF
≈ Pomtini
Üçlü +120° +240°
- B297D7
Violet Velvet
- D09965
≈ Oak Buff
- 56B9AC
≈ Green Fluorite
Bölünmüş tamamlayıcı +150° +210°
- B297D7
Violet Velvet
- BAA55D
≈ Nonpareil Apple
- 75B78A
≈ Water Fern
Dörtlü +90° +180° +270°
- B297D7
Violet Velvet
- DB907E
≈ Paddy
- 9AB06C
≈ Matcha Mecha
- 54B5CA
≈ Fountain
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.52:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.30:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.30:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-velvet: #b297d7;
--violet-velvet-rgb: 178 151 215;
--violet-velvet-oklch: oklch(0.723 0.095 303.4);
}
.element {
color: var(--violet-velvet);
background-color: hsl(265 44% 72%);
border-color: oklch(0.723 0.095 303.4);
}Tailwind CSS v4
@theme {
--color-violet-velvet: #b297d7;
--color-violet-velvet-50: #fbefff;
--color-violet-velvet-100: #efe0ff;
--color-violet-velvet-200: #decaf6;
--color-violet-velvet-300: #c3abdf;
--color-violet-velvet-400: #aa91cd;
--color-violet-velvet-500: #9376ba;
--color-violet-velvet-600: #7d649d;
--color-violet-velvet-700: #64507e;
--color-violet-velvet-800: #483a5e;
--color-violet-velvet-900: #322842;
--color-violet-velvet-950: #1e162a;
}SCSS
$violet-velvet: #b297d7;
$violet-velvet-rgb: 178, 151, 215;
$violet-velvet-light: mix(#fff, $violet-velvet, 20%);
$violet-velvet-dark: mix(#000, $violet-velvet, 20%);
.element {
color: $violet-velvet;
box-shadow: 0 0 0 2px rgba($violet-velvet, 0.35);
}