En yakın adlandırılmış renk · #292F52
#292F52
En yakın adlandırılmış renk: Midnight Escapade
#292F52 (rgb(41 47 82), hsl(231 33% 24%), oklch(0.318 0.063 274.9)) en çok Midnight Escapade 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.
#292F52
oklch(0.318 0.063 274.9)
Renk dönüşümleri
- HEX
- #292f52
- RGB
- rgb(41 47 82)
- HSL
- hsl(231 33% 24%)
- HWB
- hwb(231 16% 68%)
- OKLCH
- oklch(0.318 0.063 274.9)
- OKLab
- oklab(0.318 0.005 -0.063)
- CIE Lab
- lab(20.21 5.73 -22.55)
- LCH
- lch(20.21 23.27 284.2)
- CMYK
- cmyk(50% 43% 0% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3B4162
- 4E5473
- 626883
- 767C94
- 8C91A6
- A2A6B7
- B8BCC9
- CFD2DB
- E7E8ED
Koyu tonlar
- 222746
- 1C203B
- 15192F
- 0F1225
- 090C1A
- 050611
- 020308
- 010102
- 000000
Gri tonlar
- 313757
- 393F5C
- 414760
- 4A4F65
- 52576A
- 5B5F6E
- 646773
- 6D6F77
- 77787C
Renk uyumları
Tamamlayıcı +180°
- 292F52
Midnight Escapade
- 3C3103
≈ Hidden Passage
Analog -30° +30°
- 292F52
Midnight Escapade
- 123550
≈ Sea of Stars
- 3A294C
≈ Operetta Mauve
Üçlü +120° +240°
- 292F52
Midnight Escapade
- 4D251B
≈ Torrefacto Roast
- 123B24
≈ Deep Fir
Bölünmüş tamamlayıcı +150° +210°
- 292F52
Midnight Escapade
- 482B09
≈ Stirland Mud
- 2B3810
≈ Wasabi Nori
Dörtlü +90° +180° +270°
- 292F52
Midnight Escapade
- 4C232E
≈ Lees
- 3C3103
≈ Hidden Passage
- 003B36
≈ Night Turquoise
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.94:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.62:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.94:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-escapade: #292f52;
--midnight-escapade-rgb: 41 47 82;
--midnight-escapade-oklch: oklch(0.318 0.063 274.9);
}
.element {
color: var(--midnight-escapade);
background-color: hsl(231 33% 24%);
border-color: oklch(0.318 0.063 274.9);
}Tailwind CSS v4
@theme {
--color-midnight-escapade: #292f52;
--color-midnight-escapade-50: #f0f4ff;
--color-midnight-escapade-100: #e2e7fd;
--color-midnight-escapade-200: #cdd2f0;
--color-midnight-escapade-300: #afb5d8;
--color-midnight-escapade-400: #939cc4;
--color-midnight-escapade-500: #7a83b0;
--color-midnight-escapade-600: #676f95;
--color-midnight-escapade-700: #525977;
--color-midnight-escapade-800: #3b4158;
--color-midnight-escapade-900: #282d3e;
--color-midnight-escapade-950: #161a27;
}SCSS
$midnight-escapade: #292f52;
$midnight-escapade-rgb: 41, 47, 82;
$midnight-escapade-light: mix(#fff, $midnight-escapade, 20%);
$midnight-escapade-dark: mix(#000, $midnight-escapade, 20%);
.element {
color: $midnight-escapade;
box-shadow: 0 0 0 2px rgba($midnight-escapade, 0.35);
}