Adlandırılmış renk · #9291BC
Velvet Crest
Velvet Crest, #9291BC: rgb(146 145 188), hsl(241 24% 65%), oklch(0.673 0.063 285.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Velvet Crest color name →
#9291BC
oklch(0.673 0.063 285.6)
Renk dönüşümleri
- HEX
- #9291bc
- RGB
- rgb(146 145 188)
- HSL
- hsl(241 24% 65%)
- HWB
- hwb(241 57% 26%)
- OKLCH
- oklch(0.673 0.063 285.6)
- OKLab
- oklab(0.673 0.017 -0.061)
- CIE Lab
- lab(61.43 7.42 -22.37)
- LCH
- lch(61.43 23.57 288.3)
- CMYK
- cmyk(22% 23% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C9CC3
- A7A6CA
- B1B1D0
- BCBCD7
- C7C7DE
- D2D2E4
- DDDDEB
- E8E8F2
- F4F4F8
Koyu tonlar
- 7E7DA3
- 6B6A8B
- 585873
- 46465D
- 353547
- 252532
- 16151F
- 08070D
- 010102
Gri tonlar
- 908FB6
- 8E8EB0
- 8C8CAA
- 8B8AA4
- 89899E
- 878798
- 858592
- 83848C
- 828286
Renk uyumları
Tamamlayıcı +180°
- 9291BC
Velvet Crest
- 9B996B
≈ Hiking
Analog -30° +30°
- 9291BC
Velvet Crest
- 7D98BD
≈ Eiger Nordwand
- A58BB1
≈ Kismet
Üçlü +120° +240°
- 9291BC
Velvet Crest
- B88A76
≈ Plum Blossom Dye
- 70A38D
≈ Quilotoa Green
Bölünmüş tamamlayıcı +150° +210°
- 9291BC
Velvet Crest
- AD916A
≈ Armagnac
- 859F78
≈ Grey Green
Dörtlü +90° +180° +270°
- 9291BC
Velvet Crest
- BA8789
≈ Notice Me
- 9B996B
≈ Hiking
- 66A3A3
≈ Folk Song
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.00:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.99:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--velvet-crest: #9291bc;
--velvet-crest-rgb: 146 145 188;
--velvet-crest-oklch: oklch(0.673 0.063 285.6);
}
.element {
color: var(--velvet-crest);
background-color: hsl(241 24% 65%);
border-color: oklch(0.673 0.063 285.6);
}Tailwind CSS v4
@theme {
--color-velvet-crest: #9291bc;
--color-velvet-crest-50: #f4f3ff;
--color-velvet-crest-100: #e6e5fd;
--color-velvet-crest-200: #d2d1ef;
--color-velvet-crest-300: #b5b3d7;
--color-velvet-crest-400: #9a9ac3;
--color-velvet-crest-500: #8280af;
--color-velvet-crest-600: #6e6d94;
--color-velvet-crest-700: #585776;
--color-velvet-crest-800: #3f4058;
--color-velvet-crest-900: #2c2c3d;
--color-velvet-crest-950: #191927;
}SCSS
$velvet-crest: #9291bc;
$velvet-crest-rgb: 146, 145, 188;
$velvet-crest-light: mix(#fff, $velvet-crest, 20%);
$velvet-crest-dark: mix(#000, $velvet-crest, 20%);
.element {
color: $velvet-crest;
box-shadow: 0 0 0 2px rgba($velvet-crest, 0.35);
}