Colore con nome più vicino · #A3C3A6
#A3C3A6
Colore con nome più vicino: Gum Leaf
#A3C3A6 (rgb(163 195 166), hsl(126 21% 70%), oklch(0.785 0.053 147.6)) è più vicino al colore con nome Gum Leaf. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A3C3A6
oklch(0.785 0.053 147.6)
Conversioni di colore
- HEX
- #a3c3a6
- RGB
- rgb(163 195 166)
- HSL
- hsl(126 21% 70%)
- HWB
- hwb(126 64% 24%)
- OKLCH
- oklch(0.785 0.053 147.6)
- OKLab
- oklab(0.785 -0.045 0.029)
- CIE Lab
- lab(75.81 -15.4 10.89)
- LCH
- lch(75.81 18.86 144.7)
- CMYK
- cmyk(16% 0% 15% 24%)
Tinte · Ombre · Toni
Tinte
- ACC9AF
- B5CFB7
- BED5C0
- C7DBC9
- D1E1D2
- DAE7DB
- E3EDE4
- ECF3ED
- F6F9F6
Ombre
- 8DA990
- 78907A
- 637865
- 4F6051
- 3C4A3E
- 2A342B
- 19201A
- 0A0E0A
- 010201
Toni
- A0BCA2
- 9CB59E
- 99AE9B
- 95A897
- 92A193
- 8E9A8F
- 8B948B
- 878D88
- 848784
Armonie di colore
Complementare +180°
- A3C3A6
Gum Leaf
- CCAECB
≈ Windsor Purple
Analogo -30° +30°
- A3C3A6
Gum Leaf
- B6BE98
≈ Pale Spring Morning
- 95C5B9
≈ Float Your Boat
Triadico +120° +240°
- A3C3A6
Gum Leaf
- AAB9DC
≈ Wisp
- D9ADA6
≈ Everything’s Rosy
Complementare divisa +150° +210°
- A3C3A6
Gum Leaf
- BDB2D8
≈ Moonraker
- D7ABB9
≈ Pink Nectar
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.91:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--gum-leaf: #a3c3a6;
--gum-leaf-rgb: 163 195 166;
--gum-leaf-oklch: oklch(0.785 0.053 147.6);
}
.element {
color: var(--gum-leaf);
background-color: hsl(126 21% 70%);
border-color: oklch(0.785 0.053 147.6);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a3c3a6;
--color-gum-leaf-50: #ebfaed;
--color-gum-leaf-100: #dceddf;
--color-gum-leaf-200: #c5dbc8;
--color-gum-leaf-300: #a5c0a9;
--color-gum-leaf-400: #8aa88d;
--color-gum-leaf-500: #6f9072;
--color-gum-leaf-600: #5e7a61;
--color-gum-leaf-700: #4b624d;
--color-gum-leaf-800: #374737;
--color-gum-leaf-900: #253226;
--color-gum-leaf-950: #141d14;
}SCSS
$gum-leaf: #a3c3a6;
$gum-leaf-rgb: 163, 195, 166;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}