En yakın adlandırılmış renk · #05263A
#05263A
En yakın adlandırılmış renk: Midnight Dreams
#05263A (rgb(5 38 58), hsl(203 84% 12%), oklch(0.257 0.053 240.2)) en çok Midnight Dreams 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.
#05263A
oklch(0.257 0.053 240.2)
Renk dönüşümleri
- HEX
- #05263a
- RGB
- rgb(5 38 58)
- HSL
- hsl(203 84% 12%)
- HWB
- hwb(203 2% 77%)
- OKLCH
- oklch(0.257 0.053 240.2)
- OKLab
- oklab(0.257 -0.026 -0.046)
- CIE Lab
- lab(13.71 -5.55 -16.56)
- LCH
- lch(13.71 17.47 251.5)
- CMYK
- cmyk(91% 34% 0% 77%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1D394C
- 344C5E
- 4B6171
- 627684
- 7B8B97
- 94A1AB
- AEB8C0
- C8CFD4
- E3E7EA
Koyu tonlar
- 042031
- 031928
- 021320
- 010D18
- 010810
- 000409
- 000204
- 000101
- 000000
Gri tonlar
- 132E41
- 1F3748
- 2B404F
- 374956
- 42525D
- 4E5B64
- 5B646B
- 676D72
- 737679
Renk uyumları
Tamamlayıcı +180°
- 05263A
Midnight Dreams
- 351C05
≈ Powdered Cocoa
Analog -30° +30°
- 05263A
Midnight Dreams
- 00292F
≈ Daintree
- 19213D
≈ Cool Balaclavas Are Forever
Üçlü +120° +240°
- 05263A
Midnight Dreams
- 371722
≈ Bruised Plum
- 202706
≈ Lindworm Green
Bölünmüş tamamlayıcı +150° +210°
- 05263A
Midnight Dreams
- 391813
≈ Rustic Red
- 2D2200
≈ Black Swan
Dörtlü +90° +180° +270°
- 05263A
Midnight Dreams
- 31192F
≈ Nightly Voyager
- 351C05
≈ Powdered Cocoa
- 0D2A15
≈ Nori Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.61:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.34:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.61:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-dreams: #05263a;
--midnight-dreams-rgb: 5 38 58;
--midnight-dreams-oklch: oklch(0.257 0.053 240.2);
}
.element {
color: var(--midnight-dreams);
background-color: hsl(203 84% 12%);
border-color: oklch(0.257 0.053 240.2);
}Tailwind CSS v4
@theme {
--color-midnight-dreams: #05263a;
--color-midnight-dreams-50: #e9f7ff;
--color-midnight-dreams-100: #d9ebf8;
--color-midnight-dreams-200: #c1d8e9;
--color-midnight-dreams-300: #a0bbd1;
--color-midnight-dreams-400: #83a3bb;
--color-midnight-dreams-500: #668ba6;
--color-midnight-dreams-600: #57768c;
--color-midnight-dreams-700: #455e71;
--color-midnight-dreams-800: #314553;
--color-midnight-dreams-900: #21303a;
--color-midnight-dreams-950: #111c24;
}SCSS
$midnight-dreams: #05263a;
$midnight-dreams-rgb: 5, 38, 58;
$midnight-dreams-light: mix(#fff, $midnight-dreams, 20%);
$midnight-dreams-dark: mix(#000, $midnight-dreams, 20%);
.element {
color: $midnight-dreams;
box-shadow: 0 0 0 2px rgba($midnight-dreams, 0.35);
}