Cor nomeada mais próxima · #A5C7AC
#A5C7AC
Cor nomeada mais próxima: Gum Leaf
#A5C7AC (rgb(165 199 172), hsl(132 23% 71%), oklch(0.797 0.053 151.2)) é mais próxima da cor nomeada Gum Leaf. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A5C7AC
oklch(0.797 0.053 151.2)
Conversões de cor
- HEX
- #a5c7ac
- RGB
- rgb(165 199 172)
- HSL
- hsl(132 23% 71%)
- HWB
- hwb(132 65% 22%)
- OKLCH
- oklch(0.797 0.053 151.2)
- OKLab
- oklab(0.797 -0.046 0.025)
- CIE Lab
- lab(77.17 -15.77 9.61)
- LCH
- lch(77.17 18.47 148.6)
- CMYK
- cmyk(17% 0% 14% 22%)
Tons claros · Sombras · Tons
Tons claros
- AECDB4
- B7D2BC
- C0D8C4
- C9DDCD
- D2E3D5
- DBE8DD
- E4EEE6
- EDF4EE
- F6F9F6
Sombras
- 8FAD95
- 79937F
- 657A69
- 516254
- 3D4C40
- 2B362D
- 1A211B
- 0A0E0B
- 010201
Tons
- A1C0A8
- 9EB8A3
- 9AB19F
- 96AA9A
- 93A396
- 8F9C91
- 8B958D
- 888E89
- 848784
Harmonias de cor
Complementar +180°
- A5C7AC
Gum Leaf
- D1B1CD
≈ Lavender Knoll
Análoga -30° +30°
- A5C7AC
Gum Leaf
- B7C39D
≈ Green Eggs & Cam
- 98C8BF
≈ Jamaica Bay
Tríade +120° +240°
- A5C7AC
Gum Leaf
- B0BCE0
≈ Lilac Flare
- DDB1A8
≈ Mesa Pink
Complementar dividida +150° +210°
- A5C7AC
Gum Leaf
- C2B6DA
≈ Tinted Iris
- DBAFBB
≈ Pentalon
Tétrade +90° +180° +270°
- A5C7AC
Gum Leaf
- 9FC2DC
≈ Metal Gear
- D1B1CD
≈ Lavender Knoll
- D6B69B
≈ Canewood
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.36:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--gum-leaf: #a5c7ac;
--gum-leaf-rgb: 165 199 172;
--gum-leaf-oklch: oklch(0.797 0.053 151.2);
}
.element {
color: var(--gum-leaf);
background-color: hsl(132 23% 71%);
border-color: oklch(0.797 0.053 151.2);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a5c7ac;
--color-gum-leaf-50: #eafaee;
--color-gum-leaf-100: #dbede0;
--color-gum-leaf-200: #c4dbca;
--color-gum-leaf-300: #a4c0ab;
--color-gum-leaf-400: #88a88f;
--color-gum-leaf-500: #6d9075;
--color-gum-leaf-600: #5c7a63;
--color-gum-leaf-700: #4a624f;
--color-gum-leaf-800: #364839;
--color-gum-leaf-900: #253227;
--color-gum-leaf-950: #131e15;
}SCSS
$gum-leaf: #a5c7ac;
$gum-leaf-rgb: 165, 199, 172;
$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);
}