Colore con nome · #A9B9BB
Lagoon Reflection
Lagoon Reflection è #A9B9BB: rgb(169 185 187), hsl(187 12% 70%), oklch(0.774 0.018 205.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lagoon Reflection color name →
#A9B9BB
oklch(0.774 0.018 205.8)
Conversioni di colore
- HEX
- #a9b9bb
- RGB
- rgb(169 185 187)
- HSL
- hsl(187 12% 70%)
- HWB
- hwb(187 66% 27%)
- OKLCH
- oklch(0.774 0.018 205.8)
- OKLab
- oklab(0.774 -0.016 -0.008)
- CIE Lab
- lab(73.95 -5.42 -3.01)
- LCH
- lch(73.95 6.2 209)
- CMYK
- cmyk(10% 1% 0% 27%)
Tinte · Ombre · Toni
Tinte
- B1C0C2
- BAC7C8
- C2CECF
- CBD5D6
- D3DCDD
- DCE3E3
- E5EAEA
- EDF1F1
- F6F8F8
Ombre
- 92A0A2
- 7C898A
- 677173
- 535B5C
- 3F4646
- 2C3132
- 1B1E1F
- 0A0D0D
- 010202
Toni
- A5B3B5
- A1ADAF
- 9DA8A9
- 98A2A3
- 949C9D
- 909697
- 8C9191
- 888B8B
- 848686
Armonie di colore
Complementare +180°
- A9B9BB
Lagoon Reflection
- C1B1B0
≈ Jack Rabbit
Analogo -30° +30°
- A9B9BB
Lagoon Reflection
- AAB9B5
≈ Bidwell Blue
- ABB8C0
≈ Glen Falls
Triadico +120° +240°
- A9B9BB
Lagoon Reflection
- BCB2BC
≈ Velvet Dawn
- BBB5A9
≈ Play on Grey
Complementare divisa +150° +210°
- A9B9BB
Lagoon Reflection
- C0B1B6
≈ Chaise Mauve
- BFB3AB
≈ Hipster Hippo
Tetradico +90° +180° +270°
- A9B9BB
Lagoon Reflection
- B6B3C0
≈ Coveted Gem
- C1B1B0
≈ Jack Rabbit
- B5B7AA
≈ Shell Walk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.34:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--lagoon-reflection: #a9b9bb;
--lagoon-reflection-rgb: 169 185 187;
--lagoon-reflection-oklch: oklch(0.774 0.018 205.8);
}
.element {
color: var(--lagoon-reflection);
background-color: hsl(187 12% 70%);
border-color: oklch(0.774 0.018 205.8);
}Tailwind CSS v4
@theme {
--color-lagoon-reflection: #a9b9bb;
--color-lagoon-reflection-50: #f0f7f8;
--color-lagoon-reflection-100: #e1eaeb;
--color-lagoon-reflection-200: #ccd6d8;
--color-lagoon-reflection-300: #adbabc;
--color-lagoon-reflection-400: #93a2a4;
--color-lagoon-reflection-500: #798a8c;
--color-lagoon-reflection-600: #677576;
--color-lagoon-reflection-700: #525d5f;
--color-lagoon-reflection-800: #3b4445;
--color-lagoon-reflection-900: #292f30;
--color-lagoon-reflection-950: #171c1c;
}SCSS
$lagoon-reflection: #a9b9bb;
$lagoon-reflection-rgb: 169, 185, 187;
$lagoon-reflection-light: mix(#fff, $lagoon-reflection, 20%);
$lagoon-reflection-dark: mix(#000, $lagoon-reflection, 20%);
.element {
color: $lagoon-reflection;
box-shadow: 0 0 0 2px rgba($lagoon-reflection, 0.35);
}