Colore con nome · #A5B4AE
Frozen Pond
Frozen Pond è #A5B4AE: rgb(165 180 174), hsl(156 9% 68%), oklch(0.756 0.019 169.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Frozen Pond color name →
#A5B4AE
oklch(0.756 0.019 169.9)
Conversioni di colore
- HEX
- #a5b4ae
- RGB
- rgb(165 180 174)
- HSL
- hsl(156 9% 68%)
- HWB
- hwb(156 65% 29%)
- OKLCH
- oklch(0.756 0.019 169.9)
- OKLab
- oklab(0.756 -0.018 0.003)
- CIE Lab
- lab(72 -6.28 1.19)
- LCH
- lch(72 6.39 169.3)
- CMYK
- cmyk(8% 0% 3% 29%)
Tinte · Ombre · Toni
Tinte
- AEBBB6
- B6C3BE
- BFCAC6
- C8D1CE
- D1D9D6
- DAE0DE
- E3E8E6
- EDF0EE
- F6F7F7
Ombre
- 8F9C97
- 798580
- 656E6A
- 515855
- 3D4441
- 2B302E
- 1A1D1C
- 0A0C0B
- 010201
Toni
- A1AFA9
- 9EA9A5
- 9AA4A0
- 969F9B
- 929A97
- 8F9492
- 8B8F8E
- 878A89
- 848584
Armonie di colore
Complementare +180°
- A5B4AE
Frozen Pond
- BAABB2
≈ Lavender Cloud
Analogo -30° +30°
- A5B4AE
Frozen Pond
- AAB3A8
≈ Alpine Air
- A3B4B5
≈ Marine Layer
Triadico +120° +240°
- A5B4AE
Frozen Pond
- AFAEBB
≈ Canyon Cloud
- BAADA6
≈ Taupedo
Complementare divisa +150° +210°
- A5B4AE
Frozen Pond
- B5ACB7
≈ Audition
- BCACAB
≈ Relaxed Rhino
Tetradico +90° +180° +270°
- A5B4AE
Frozen Pond
- A9B0BC
≈ Eclectic
- BAABB2
≈ Lavender Cloud
- B6AFA3
≈ Marshy Habitat
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.73:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--frozen-pond: #a5b4ae;
--frozen-pond-rgb: 165 180 174;
--frozen-pond-oklch: oklch(0.756 0.019 169.9);
}
.element {
color: var(--frozen-pond);
background-color: hsl(156 9% 68%);
border-color: oklch(0.756 0.019 169.9);
}Tailwind CSS v4
@theme {
--color-frozen-pond: #a5b4ae;
--color-frozen-pond-50: #f0f7f4;
--color-frozen-pond-100: #e2eae7;
--color-frozen-pond-200: #cdd7d3;
--color-frozen-pond-300: #aebbb6;
--color-frozen-pond-400: #94a29d;
--color-frozen-pond-500: #7b8a84;
--color-frozen-pond-600: #687570;
--color-frozen-pond-700: #535e59;
--color-frozen-pond-800: #3c4541;
--color-frozen-pond-900: #292f2d;
--color-frozen-pond-950: #171c1a;
}SCSS
$frozen-pond: #a5b4ae;
$frozen-pond-rgb: 165, 180, 174;
$frozen-pond-light: mix(#fff, $frozen-pond, 20%);
$frozen-pond-dark: mix(#000, $frozen-pond, 20%);
.element {
color: $frozen-pond;
box-shadow: 0 0 0 2px rgba($frozen-pond, 0.35);
}