Adlandırılmış renk · #A2C3DB
Metal Gear
Metal Gear, #A2C3DB: rgb(162 195 219), hsl(205 44% 75%), oklch(0.801 0.049 239.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Metal Gear color name →
#A2C3DB
oklch(0.801 0.049 239.8)
Renk dönüşümleri
- HEX
- #a2c3db
- RGB
- rgb(162 195 219)
- HSL
- hsl(205 44% 75%)
- HWB
- hwb(205 64% 14%)
- OKLCH
- oklch(0.801 0.049 239.8)
- OKLab
- oklab(0.801 -0.025 -0.043)
- CIE Lab
- lab(76.95 -7.43 -15.9)
- LCH
- lch(76.95 17.55 245)
- CMYK
- cmyk(26% 11% 0% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABC9DF
- B4CFE2
- BED5E6
- C7DBEA
- D0E1ED
- D9E7F1
- E3EDF4
- ECF3F8
- F6F9FB
Koyu tonlar
- 8CA9BE
- 7790A2
- 637887
- 4F606D
- 3C4A54
- 2A343C
- 192026
- 0A0E11
- 010202
Gri tonlar
- 9FBCD2
- 9BB5C8
- 98AEBF
- 95A8B6
- 91A1AD
- 8E9AA4
- 8A949B
- 878D92
- 848789
Renk uyumları
Tamamlayıcı +180°
- A2C3DB
Metal Gear
- D7B79F
≈ Canewood
Analog -30° +30°
- A2C3DB
Metal Gear
- 9AC7D0
≈ Idyllic Isle
- B1BDDF
≈ Wish
Üçlü +120° +240°
- A2C3DB
Metal Gear
- DAB1BD
≈ Pentalon
- BAC3A0
≈ Chopped Dill
Bölünmüş tamamlayıcı +150° +210°
- A2C3DB
Metal Gear
- DCB3AC
≈ Evening Sand
- CABD9A
≈ Sandwashed
Dörtlü +90° +180° +270°
- A2C3DB
Metal Gear
- D1B3CD
≈ Pink Ivory
- D7B79F
≈ Canewood
- A8C7AD
≈ Pastel Meadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.36:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--metal-gear: #a2c3db;
--metal-gear-rgb: 162 195 219;
--metal-gear-oklch: oklch(0.801 0.049 239.8);
}
.element {
color: var(--metal-gear);
background-color: hsl(205 44% 75%);
border-color: oklch(0.801 0.049 239.8);
}Tailwind CSS v4
@theme {
--color-metal-gear: #a2c3db;
--color-metal-gear-50: #e9f7ff;
--color-metal-gear-100: #daeaf7;
--color-metal-gear-200: #c3d7e8;
--color-metal-gear-300: #a2bbcf;
--color-metal-gear-400: #85a3b9;
--color-metal-gear-500: #688ba4;
--color-metal-gear-600: #59768a;
--color-metal-gear-700: #475e6f;
--color-metal-gear-800: #324552;
--color-metal-gear-900: #223039;
--color-metal-gear-950: #111c23;
}SCSS
$metal-gear: #a2c3db;
$metal-gear-rgb: 162, 195, 219;
$metal-gear-light: mix(#fff, $metal-gear, 20%);
$metal-gear-dark: mix(#000, $metal-gear, 20%);
.element {
color: $metal-gear;
box-shadow: 0 0 0 2px rgba($metal-gear, 0.35);
}