En yakın adlandırılmış renk · #392E54
#392E54
En yakın adlandırılmış renk: Midnight Pie
#392E54 (rgb(57 46 84), hsl(257 29% 25%), oklch(0.332 0.066 295.9)) en çok Midnight Pie 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.
#392E54
oklch(0.332 0.066 295.9)
Renk dönüşümleri
- HEX
- #392e54
- RGB
- rgb(57 46 84)
- HSL
- hsl(257 29% 25%)
- HWB
- hwb(257 18% 67%)
- OKLCH
- oklch(0.332 0.066 295.9)
- OKLab
- oklab(0.332 0.029 -0.06)
- CIE Lab
- lab(21.6 12.5 -21.57)
- LCH
- lch(21.6 24.93 300.1)
- CMYK
- cmyk(32% 45% 0% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4A4164
- 5C5474
- 6E6785
- 827B96
- 9590A7
- AAA5B8
- BEBBC9
- D3D1DB
- E9E8ED
Koyu tonlar
- 302748
- 281F3C
- 1F1831
- 171226
- 100B1B
- 090611
- 040208
- 010102
- 000000
Gri tonlar
- 3F3659
- 463E5D
- 4D4662
- 544E66
- 5B566B
- 625E6F
- 696773
- 716F78
- 78777C
Renk uyumları
Tamamlayıcı +180°
- 392E54
Midnight Pie
- 343A0B
≈ Camouflage
Analog -30° +30°
- 392E54
Midnight Pie
- 263458
≈ Midnight Escapade
- 472948
≈ Purple Pennant
Üçlü +120° +240°
- 392E54
Midnight Pie
- 4F2C0F
≈ Bittersweet Chocolate
- 004035
≈ Botanical Night
Bölünmüş tamamlayıcı +150° +210°
- 392E54
Midnight Pie
- 453302
≈ Night in the Woods
- 1D3F20
≈ Queen of Trees
Dörtlü +90° +180° +270°
- 392E54
Midnight Pie
- 532723
≈ Bitter Chocolate
- 343A0B
≈ Camouflage
- 003E44
≈ Ghostlands Coal
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.40:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.69:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.40:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-pie: #392e54;
--midnight-pie-rgb: 57 46 84;
--midnight-pie-oklch: oklch(0.332 0.066 295.9);
}
.element {
color: var(--midnight-pie);
background-color: hsl(257 29% 25%);
border-color: oklch(0.332 0.066 295.9);
}Tailwind CSS v4
@theme {
--color-midnight-pie: #392e54;
--color-midnight-pie-50: #f7f1ff;
--color-midnight-pie-100: #eae4fc;
--color-midnight-pie-200: #d7cfee;
--color-midnight-pie-300: #bbb1d6;
--color-midnight-pie-400: #a197c2;
--color-midnight-pie-500: #8a7dae;
--color-midnight-pie-600: #746a93;
--color-midnight-pie-700: #5d5576;
--color-midnight-pie-800: #433e57;
--color-midnight-pie-900: #2f2b3d;
--color-midnight-pie-950: #1b1827;
}SCSS
$midnight-pie: #392e54;
$midnight-pie-rgb: 57, 46, 84;
$midnight-pie-light: mix(#fff, $midnight-pie, 20%);
$midnight-pie-dark: mix(#000, $midnight-pie, 20%);
.element {
color: $midnight-pie;
box-shadow: 0 0 0 2px rgba($midnight-pie, 0.35);
}