Adlandırılmış renk · #274376
Monaco Blue
Monaco Blue, #274376: rgb(39 67 118), hsl(219 50% 31%), oklch(0.388 0.093 261.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Monaco Blue color name →
#274376
oklch(0.388 0.093 261.4)
Renk dönüşümleri
- HEX
- #274376
- RGB
- rgb(39 67 118)
- HSL
- hsl(219 50% 31%)
- HWB
- hwb(219 15% 54%)
- OKLCH
- oklch(0.388 0.093 261.4)
- OKLab
- oklab(0.388 -0.014 -0.092)
- CIE Lab
- lab(28.31 3.08 -33.02)
- LCH
- lch(28.31 33.16 275.3)
- CMYK
- cmyk(67% 43% 0% 54%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3A5584
- 4E6691
- 62789F
- 778BAD
- 8D9DBA
- A3B0C8
- B9C4D6
- D0D7E3
- E7EBF1
Koyu tonlar
- 203966
- 1A2F56
- 142647
- 0E1D38
- 081429
- 040C1C
- 02050F
- 010105
- 000001
Gri tonlar
- 304978
- 385079
- 41567A
- 4A5C7C
- 53627D
- 5C687E
- 656E7E
- 6E747F
- 777A80
Renk uyumları
Tamamlayıcı +180°
- 274376
Monaco Blue
- 5A3F00
≈ Hippogriff Brown
Analog -30° +30°
- 274376
Monaco Blue
- 004B67
≈ Fresco Blue
- 463A72
≈ Opera Blue
Üçlü +120° +240°
- 274376
Monaco Blue
- 6E2D2E
≈ Woody Brown
- 24501E
≈ Białowieża Forest
Bölünmüş tamamlayıcı +150° +210°
- 274376
Monaco Blue
- 6A330A
≈ Meatloaf
- 474800
≈ No Emissions Green
Dörtlü +90° +180° +270°
- 274376
Monaco Blue
- 692D4A
≈ Cherry Juice Red
- 5A3F00
≈ Hippogriff Brown
- 00513F
≈ Tetsu Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.76:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.15:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--monaco-blue: #274376;
--monaco-blue-rgb: 39 67 118;
--monaco-blue-oklch: oklch(0.388 0.093 261.4);
}
.element {
color: var(--monaco-blue);
background-color: hsl(219 50% 31%);
border-color: oklch(0.388 0.093 261.4);
}Tailwind CSS v4
@theme {
--color-monaco-blue: #274376;
--color-monaco-blue-50: #e7f6ff;
--color-monaco-blue-100: #d8e8ff;
--color-monaco-blue-200: #c0d5fd;
--color-monaco-blue-300: #9fb8e8;
--color-monaco-blue-400: #809fd6;
--color-monaco-blue-500: #6386c4;
--color-monaco-blue-600: #5471a5;
--color-monaco-blue-700: #435b85;
--color-monaco-blue-800: #2f4363;
--color-monaco-blue-900: #1f2e45;
--color-monaco-blue-950: #0f1b2d;
}SCSS
$monaco-blue: #274376;
$monaco-blue-rgb: 39, 67, 118;
$monaco-blue-light: mix(#fff, $monaco-blue, 20%);
$monaco-blue-dark: mix(#000, $monaco-blue, 20%);
.element {
color: $monaco-blue;
box-shadow: 0 0 0 2px rgba($monaco-blue, 0.35);
}