En yakın adlandırılmış renk · #912673
#912673
En yakın adlandırılmış renk: Haunted Purple
#912673 (rgb(145 38 115), hsl(317 58% 36%), oklch(0.464 0.164 341.4)) en çok Haunted Purple 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.
#912673
oklch(0.464 0.164 341.4)
Renk dönüşümleri
- HEX
- #912673
- RGB
- rgb(145 38 115)
- HSL
- hsl(317 58% 36%)
- HWB
- hwb(317 15% 43%)
- OKLCH
- oklch(0.464 0.164 341.4)
- OKLab
- oklab(0.464 0.155 -0.052)
- CIE Lab
- lab(35.46 50.34 -18.82)
- LCH
- lch(35.46 53.74 339.5)
- CMYK
- cmyk(0% 74% 21% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E3F80
- AA558E
- B66A9C
- C17FA9
- CD94B7
- D7A9C5
- E2BED4
- ECD4E2
- F6E9F0
Koyu tonlar
- 7D2063
- 6A1954
- 581345
- 460D36
- 350828
- 25041B
- 15020F
- 070105
- 010001
Gri tonlar
- 913375
- 903E76
- 8F4777
- 8E5079
- 8D597A
- 8B617B
- 89697D
- 86717E
- 83787F
Renk uyumları
Tamamlayıcı +180°
- 912673
Haunted Purple
- 006A46
≈ Vegan Green
Analog -30° +30°
- 912673
Haunted Purple
- 76359A
≈ Skeletor’s Cape
- 9F1E41
≈ True Crimson
Üçlü +120° +240°
- 912673
Haunted Purple
- 655A00
≈ Brussels Sprout Green
- 00637B
≈ Jamaican Dream
Bölünmüş tamamlayıcı +150° +210°
- 912673
Haunted Purple
- 3E6700
≈ Tatzelwurm Green
- 006764
≈ Peacock Pride
Dörtlü +90° +180° +270°
- 912673
Haunted Purple
- 7B4E00
≈ Lucky Brown
- 006A46
≈ Vegan Green
- 005AA2
≈ Princess Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.69:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.72:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.69:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--haunted-purple: #912673;
--haunted-purple-rgb: 145 38 115;
--haunted-purple-oklch: oklch(0.464 0.164 341.4);
}
.element {
color: var(--haunted-purple);
background-color: hsl(317 58% 36%);
border-color: oklch(0.464 0.164 341.4);
}Tailwind CSS v4
@theme {
--color-haunted-purple: #912673;
--color-haunted-purple-50: #ffe3ff;
--color-haunted-purple-100: #ffd3f6;
--color-haunted-purple-200: #ffb8e6;
--color-haunted-purple-300: #f194cd;
--color-haunted-purple-400: #de74ba;
--color-haunted-purple-500: #ca51a5;
--color-haunted-purple-600: #ab468b;
--color-haunted-purple-700: #893770;
--color-haunted-purple-800: #652754;
--color-haunted-purple-900: #471a3b;
--color-haunted-purple-950: #2e0a25;
}SCSS
$haunted-purple: #912673;
$haunted-purple-rgb: 145, 38, 115;
$haunted-purple-light: mix(#fff, $haunted-purple, 20%);
$haunted-purple-dark: mix(#000, $haunted-purple, 20%);
.element {
color: $haunted-purple;
box-shadow: 0 0 0 2px rgba($haunted-purple, 0.35);
}