En yakın adlandırılmış renk · #931459
#931459
En yakın adlandırılmış renk: Vertigo Cherry
#931459 (rgb(147 20 89), hsl(327 76% 33%), oklch(0.443 0.169 354.3)) en çok Vertigo Cherry 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.
#931459
oklch(0.443 0.169 354.3)
Renk dönüşümleri
- HEX
- #931459
- RGB
- rgb(147 20 89)
- HSL
- hsl(327 76% 33%)
- HWB
- hwb(327 8% 42%)
- OKLCH
- oklch(0.443 0.169 354.3)
- OKLab
- oklab(0.443 0.168 -0.017)
- CIE Lab
- lab(33.13 53.62 -5.64)
- LCH
- lch(33.13 53.92 354)
- CMYK
- cmyk(0% 86% 39% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A03468
- AD4C78
- B96388
- C57998
- D08FA8
- DAA5B9
- E4BBCA
- EED2DC
- F7E8ED
Koyu tonlar
- 7F104C
- 6C0C40
- 590834
- 470528
- 36031D
- 250113
- 160109
- 080003
- 010000
Gri tonlar
- 93275D
- 933461
- 924065
- 914A68
- 8F546C
- 8D5D70
- 8B6674
- 886F78
- 84787C
Renk uyumları
Tamamlayıcı +180°
- 931459
Vertigo Cherry
- 006250
≈ Sci-Fi Takeout
Analog -30° +30°
- 931459
Vertigo Cherry
- 7E2586
≈ Hello Darkness My Old Friend
- 9B121E
≈ Ruby Red
Üçlü +120° +240°
- 931459
Vertigo Cherry
- 535900
≈ Greensboro
- 005B7F
≈ Commandes
Bölünmüş tamamlayıcı +150° +210°
- 931459
Vertigo Cherry
- 006613
≈ Zelyony Green
- 005F67
≈ Petrol
Dörtlü +90° +180° +270°
- 931459
Vertigo Cherry
- 6B4E00
≈ Antique Bronze
- 006250
≈ Sci-Fi Takeout
- 2149AE
≈ The Blues Brothers
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.45:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.48:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--vertigo-cherry: #931459;
--vertigo-cherry-rgb: 147 20 89;
--vertigo-cherry-oklch: oklch(0.443 0.169 354.3);
}
.element {
color: var(--vertigo-cherry);
background-color: hsl(327 76% 33%);
border-color: oklch(0.443 0.169 354.3);
}Tailwind CSS v4
@theme {
--color-vertigo-cherry: #931459;
--color-vertigo-cherry-50: #ffe2f6;
--color-vertigo-cherry-100: #ffd1e9;
--color-vertigo-cherry-200: #ffb6d6;
--color-vertigo-cherry-300: #fb91ba;
--color-vertigo-cherry-400: #e86fa5;
--color-vertigo-cherry-500: #d64a8d;
--color-vertigo-cherry-600: #b54077;
--color-vertigo-cherry-700: #913360;
--color-vertigo-cherry-800: #6c2448;
--color-vertigo-cherry-900: #4c1832;
--color-vertigo-cherry-950: #32081e;
}SCSS
$vertigo-cherry: #931459;
$vertigo-cherry-rgb: 147, 20, 89;
$vertigo-cherry-light: mix(#fff, $vertigo-cherry, 20%);
$vertigo-cherry-dark: mix(#000, $vertigo-cherry, 20%);
.element {
color: $vertigo-cherry;
box-shadow: 0 0 0 2px rgba($vertigo-cherry, 0.35);
}