En yakın adlandırılmış renk · #00273B
#00273B
En yakın adlandırılmış renk: Midnight Dreams
#00273B (rgb(0 39 59), hsl(200 100% 12%), oklch(0.258 0.056 236.7)) 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.
#00273B
oklch(0.258 0.056 236.7)
Renk dönüşümleri
- HEX
- #00273b
- RGB
- rgb(0 39 59)
- HSL
- hsl(200 100% 12%)
- HWB
- hwb(200 0% 77%)
- OKLCH
- oklch(0.258 0.056 236.7)
- OKLab
- oklab(0.258 -0.031 -0.047)
- CIE Lab
- lab(13.94 -6.87 -16.91)
- LCH
- lch(13.94 18.25 247.9)
- CMYK
- cmyk(100% 34% 0% 77%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1A3A4D
- 314D5F
- 496271
- 617685
- 798C98
- 93A2AC
- ADB8C0
- C8D0D5
- E3E7EA
Koyu tonlar
- 002032
- 001A29
- 001421
- 000E19
- 000811
- 000409
- 000204
- 000101
- 000000
Gri tonlar
- 0F2F42
- 1C3849
- 29414F
- 354956
- 41525D
- 4D5B64
- 5A646B
- 666D72
- 737779
Renk uyumları
Tamamlayıcı +180°
- 00273B
Midnight Dreams
- 371B04
≈ Close but No Cigar
Analog -30° +30°
- 00273B
Midnight Dreams
- 00292E
≈ Daintree
- 17223F
≈ Cool Balaclavas Are Forever
Üçlü +120° +240°
- 00273B
Midnight Dreams
- 381724
≈ Chocolate Kiss
- 222702
≈ Lindworm Green
Bölünmüş tamamlayıcı +150° +210°
- 00273B
Midnight Dreams
- 3A1714
≈ Dark Sienna
- 2F2100
≈ Black Swan
Dörtlü +90° +180° +270°
- 00273B
Midnight Dreams
- 311932
≈ Nightly Voyager
- 371B04
≈ Close but No Cigar
- 0E2B12
≈ Nori Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.51:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.35:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.51:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-dreams: #00273b;
--midnight-dreams-rgb: 0 39 59;
--midnight-dreams-oklch: oklch(0.258 0.056 236.7);
}
.element {
color: var(--midnight-dreams);
background-color: hsl(200 100% 12%);
border-color: oklch(0.258 0.056 236.7);
}Tailwind CSS v4
@theme {
--color-midnight-dreams: #00273b;
--color-midnight-dreams-50: #e7f8ff;
--color-midnight-dreams-100: #d8ebf9;
--color-midnight-dreams-200: #bfd8ea;
--color-midnight-dreams-300: #9ebcd1;
--color-midnight-dreams-400: #7fa4bc;
--color-midnight-dreams-500: #628ca7;
--color-midnight-dreams-600: #53778d;
--color-midnight-dreams-700: #425f71;
--color-midnight-dreams-800: #2f4653;
--color-midnight-dreams-900: #20303a;
--color-midnight-dreams-950: #0f1c24;
}SCSS
$midnight-dreams: #00273b;
$midnight-dreams-rgb: 0, 39, 59;
$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);
}