En yakın adlandırılmış renk · #913669
#913669
En yakın adlandırılmış renk: Midnight Aubergine
#913669 (rgb(145 54 105), hsl(326 46% 39%), oklch(0.477 0.135 348.7)) en çok Midnight Aubergine 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.
#913669
oklch(0.477 0.135 348.7)
Renk dönüşümleri
- HEX
- #913669
- RGB
- rgb(145 54 105)
- HSL
- hsl(326 46% 39%)
- HWB
- hwb(326 21% 43%)
- OKLCH
- oklch(0.477 0.135 348.7)
- OKLab
- oklab(0.477 0.133 -0.026)
- CIE Lab
- lab(37.48 43.01 -9.46)
- LCH
- lch(37.48 44.04 347.6)
- CMYK
- cmyk(0% 63% 28% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D4B77
- A95E85
- B57294
- C186A2
- CC99B1
- D6ADC0
- E1C1D0
- EBD6DF
- F5EAEF
Koyu tonlar
- 7D2E5A
- 6A254C
- 581E3E
- 461631
- 350F24
- 250818
- 15030C
- 070104
- 010000
Gri tonlar
- 903F6B
- 90476E
- 8F4F70
- 8E5772
- 8C5E75
- 8A6577
- 886C79
- 86737B
- 83797E
Renk uyumları
Tamamlayıcı +180°
- 913669
Midnight Aubergine
- 006E53
≈ Martian Green
Analog -30° +30°
- 913669
Midnight Aubergine
- 7C3F8C
≈ Nightly Violet
- 9A353E
≈ Shin Godzilla
Üçlü +120° +240°
- 913669
Midnight Aubergine
- 626100
≈ Kirchner Green
- 006686
≈ Bowerbird Blue
Bölünmüş tamamlayıcı +150° +210°
- 913669
Midnight Aubergine
- 2E6E16
≈ Tatzelwurm Green
- 006A6E
≈ Aqua Obscura
Dörtlü +90° +180° +270°
- 913669
Midnight Aubergine
- 7A5500
≈ Pickled Grape Leaves
- 006E53
≈ Martian Green
- 285AA7
≈ Miracle at Wrigley
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.15:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.93:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-aubergine: #913669;
--midnight-aubergine-rgb: 145 54 105;
--midnight-aubergine-oklch: oklch(0.477 0.135 348.7);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(326 46% 39%);
border-color: oklch(0.477 0.135 348.7);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #913669;
--color-midnight-aubergine-50: #ffe6fa;
--color-midnight-aubergine-100: #ffd6ee;
--color-midnight-aubergine-200: #ffbddc;
--color-midnight-aubergine-300: #ec9ac0;
--color-midnight-aubergine-400: #d97bab;
--color-midnight-aubergine-500: #c55c95;
--color-midnight-aubergine-600: #a74e7e;
--color-midnight-aubergine-700: #863e65;
--color-midnight-aubergine-800: #632d4c;
--color-midnight-aubergine-900: #451e34;
--color-midnight-aubergine-950: #2d0e20;
}SCSS
$midnight-aubergine: #913669;
$midnight-aubergine-rgb: 145, 54, 105;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}