En yakın adlandırılmış renk · #12273E
#12273E
En yakın adlandırılmış renk: Midnight Ocean
#12273E (rgb(18 39 62), hsl(211 55% 16%), oklch(0.268 0.051 252.2)) en çok Midnight Ocean 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.
#12273E
oklch(0.268 0.051 252.2)
Renk dönüşümleri
- HEX
- #12273e
- RGB
- rgb(18 39 62)
- HSL
- hsl(211 55% 16%)
- HWB
- hwb(211 7% 76%)
- OKLCH
- oklch(0.268 0.051 252.2)
- OKLab
- oklab(0.268 -0.016 -0.049)
- CIE Lab
- lab(14.85 -1.97 -17.51)
- LCH
- lch(14.85 17.62 263.6)
- CMYK
- cmyk(71% 37% 0% 76%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 263A4F
- 3B4D61
- 516174
- 687687
- 808C9A
- 98A2AD
- B1B8C1
- CACFD6
- E4E7EA
Koyu tonlar
- 0E2035
- 0A1A2B
- 071423
- 040E1A
- 020812
- 01040A
- 010204
- 000101
- 000000
Gri tonlar
- 1C2F45
- 27384B
- 314052
- 3C4958
- 47525F
- 525B65
- 5D646C
- 696D73
- 747779
Renk uyumları
Tamamlayıcı +180°
- 12273E
Midnight Ocean
- 352105
≈ Black Swan
Analog -30° +30°
- 12273E
Midnight Ocean
- 002B37
≈ Black Chasm
- 22223E
≈ Black Market
Üçlü +120° +240°
- 12273E
Midnight Ocean
- 3B1B1F
≈ Bruised Plum
- 1C2B0F
≈ Nori Green
Bölünmüş tamamlayıcı +150° +210°
- 12273E
Midnight Ocean
- 3A1D11
≈ Close but No Cigar
- 2B2704
≈ Black Swan
Dörtlü +90° +180° +270°
- 12273E
Midnight Ocean
- 371B2D
≈ Jasmin Beauty
- 352105
≈ Black Swan
- 082D1E
≈ Bush
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.15:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.38:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.15:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-ocean: #12273e;
--midnight-ocean-rgb: 18 39 62;
--midnight-ocean-oklch: oklch(0.268 0.051 252.2);
}
.element {
color: var(--midnight-ocean);
background-color: hsl(211 55% 16%);
border-color: oklch(0.268 0.051 252.2);
}Tailwind CSS v4
@theme {
--color-midnight-ocean: #12273e;
--color-midnight-ocean-50: #ebf6ff;
--color-midnight-ocean-100: #dde9f9;
--color-midnight-ocean-200: #c6d6ea;
--color-midnight-ocean-300: #a6b9d2;
--color-midnight-ocean-400: #89a1bc;
--color-midnight-ocean-500: #6e89a8;
--color-midnight-ocean-600: #5d748e;
--color-midnight-ocean-700: #4a5d71;
--color-midnight-ocean-800: #354454;
--color-midnight-ocean-900: #242f3a;
--color-midnight-ocean-950: #131b24;
}SCSS
$midnight-ocean: #12273e;
$midnight-ocean-rgb: 18, 39, 62;
$midnight-ocean-light: mix(#fff, $midnight-ocean, 20%);
$midnight-ocean-dark: mix(#000, $midnight-ocean, 20%);
.element {
color: $midnight-ocean;
box-shadow: 0 0 0 2px rgba($midnight-ocean, 0.35);
}