En yakın adlandırılmış renk · #27375F
#27375F
En yakın adlandırılmış renk: Midnight Escapade
#27375F (rgb(39 55 95), hsl(223 42% 26%), oklch(0.344 0.073 266.2)) 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.
#27375F
oklch(0.344 0.073 266.2)
Renk dönüşümleri
- HEX
- #27375f
- RGB
- rgb(39 55 95)
- HSL
- hsl(223 42% 26%)
- HWB
- hwb(223 15% 63%)
- OKLCH
- oklch(0.344 0.073 266.2)
- OKLab
- oklab(0.344 -0.005 -0.073)
- CIE Lab
- lab(23.28 3.66 -26.29)
- LCH
- lch(23.28 26.54 277.9)
- CMYK
- cmyk(59% 42% 0% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39496E
- 4D5C7E
- 616F8D
- 76829D
- 8B96AD
- A1AABD
- B8BFCD
- CFD4DE
- E7E9EE
Koyu tonlar
- 202E52
- 1A2644
- 141E38
- 0E162C
- 080F20
- 040815
- 02030A
- 010103
- 000000
Gri tonlar
- 2F3E63
- 384566
- 404D6A
- 49546D
- 525B71
- 5B6274
- 646A77
- 6D717A
- 76797D
Renk uyumları
Tamamlayıcı +180°
- 27375F
Midnight Escapade
- 493600
≈ Night in the Woods
Analog -30° +30°
- 27375F
Midnight Escapade
- 013E5A
≈ Maniac Mansion
- 3D305A
≈ Jakarta Skyline
Üçlü +120° +240°
- 27375F
Midnight Escapade
- 592824
≈ Caput Mortuum
- 1C4321
≈ Myrtle
Bölünmüş tamamlayıcı +150° +210°
- 27375F
Midnight Escapade
- 552D0C
≈ Dark Catacombs
- 373D07
≈ Dark Olive
Dörtlü +90° +180° +270°
- 27375F
Midnight Escapade
- 56273A
≈ Zinfandel
- 493600
≈ Night in the Woods
- 004438
≈ UP Forest Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.67:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.79:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.67:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-escapade: #27375f;
--midnight-escapade-rgb: 39 55 95;
--midnight-escapade-oklch: oklch(0.344 0.073 266.2);
}
.element {
color: var(--midnight-escapade);
background-color: hsl(223 42% 26%);
border-color: oklch(0.344 0.073 266.2);
}Tailwind CSS v4
@theme {
--color-midnight-escapade: #27375f;
--color-midnight-escapade-50: #ecf5ff;
--color-midnight-escapade-100: #dde8ff;
--color-midnight-escapade-200: #c7d4f5;
--color-midnight-escapade-300: #a7b7de;
--color-midnight-escapade-400: #8a9ecb;
--color-midnight-escapade-500: #6f85b7;
--color-midnight-escapade-600: #5e719b;
--color-midnight-escapade-700: #4b5a7c;
--color-midnight-escapade-800: #35425c;
--color-midnight-escapade-900: #242e40;
--color-midnight-escapade-950: #131a29;
}SCSS
$midnight-escapade: #27375f;
$midnight-escapade-rgb: 39, 55, 95;
$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);
}