Dichtstbijzijnde benoemde kleur · #A2BDD3
#A2BDD3
Dichtstbijzijnde benoemde kleur: Metal Gear
#A2BDD3 (rgb(162 189 211), hsl(207 36% 73%), oklch(0.785 0.043 242.8)) komt het dichtst bij de benoemde kleur Metal Gear. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A2BDD3
oklch(0.785 0.043 242.8)
Kleurconversies
- HEX
- #a2bdd3
- RGB
- rgb(162 189 211)
- HSL
- hsl(207 36% 73%)
- HWB
- hwb(207 64% 17%)
- OKLCH
- oklch(0.785 0.043 242.8)
- OKLab
- oklab(0.785 -0.02 -0.038)
- CIE Lab
- lab(75.12 -5.87 -14.33)
- LCH
- lch(75.12 15.48 247.7)
- CMYK
- cmyk(23% 10% 0% 17%)
Tinten · Schaduwen · Tonen
Tinten
- ABC3D7
- B4CADC
- BDD1E0
- C7D7E5
- D0DEE9
- D9E4ED
- E3EBF2
- ECF2F6
- F6F8FB
Schaduwen
- 8CA4B7
- 778C9C
- 637482
- 4F5D69
- 3C4751
- 2A333A
- 191F24
- 0A0D10
- 010202
Tonen
- 9FB7CA
- 9BB1C2
- 98AAB9
- 95A4B1
- 919EA9
- 8E98A0
- 8A9298
- 878C90
- 838688
Kleurharmonieën
Complementair +180°
- A2BDD3
Metal Gear
- CEB49D
≈ Bauhaus Buff
Analoog -30° +30°
- A2BDD3
Metal Gear
- 9AC1CA
≈ Aquatic
- AFB8D5
≈ Over the Moon
Triadisch +120° +240°
- A2BDD3
Metal Gear
- D2AEB6
≈ Strawberry Latte
- B4BEA0
≈ Dried Chervil
Gesplitst complementair +150° +210°
- A2BDD3
Metal Gear
- D3B0A8
≈ Damask Dunes
- C2B99A
≈ Good to Grow
Tetradisch +90° +180° +270°
- A2BDD3
Metal Gear
- CBAFC5
≈ Winsome Orchid
- CEB49D
≈ Bauhaus Buff
- A5C2AC
≈ Cambridge Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.95:1 · APCA Lc 38
Ag
AAAOp zwart
WCAG 10.75:1 · APCA Lc 65
Beste tekstkleur: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Codefragmenten
CSS
:root {
--metal-gear: #a2bdd3;
--metal-gear-rgb: 162 189 211;
--metal-gear-oklch: oklch(0.785 0.043 242.8);
}
.element {
color: var(--metal-gear);
background-color: hsl(207 36% 73%);
border-color: oklch(0.785 0.043 242.8);
}Tailwind CSS v4
@theme {
--color-metal-gear: #a2bdd3;
--color-metal-gear-50: #ebf7ff;
--color-metal-gear-100: #dceaf6;
--color-metal-gear-200: #c6d7e6;
--color-metal-gear-300: #a6bacc;
--color-metal-gear-400: #89a2b6;
--color-metal-gear-500: #6e8aa1;
--color-metal-gear-600: #5d7588;
--color-metal-gear-700: #4a5d6d;
--color-metal-gear-800: #354550;
--color-metal-gear-900: #242f38;
--color-metal-gear-950: #131c22;
}SCSS
$metal-gear: #a2bdd3;
$metal-gear-rgb: 162, 189, 211;
$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);
}