Cor nomeada mais próxima · #A2C9B4
#A2C9B4
Cor nomeada mais próxima: Gum Leaf
#A2C9B4 (rgb(162 201 180), hsl(148 27% 71%), oklch(0.802 0.051 161.5)) é 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.
#A2C9B4
oklch(0.802 0.051 161.5)
Conversões de cor
- HEX
- #a2c9b4
- RGB
- rgb(162 201 180)
- HSL
- hsl(148 27% 71%)
- HWB
- hwb(148 64% 21%)
- OKLCH
- oklch(0.802 0.051 161.5)
- OKLab
- oklab(0.802 -0.048 0.016)
- CIE Lab
- lab(77.68 -16.61 6.04)
- LCH
- lch(77.68 17.68 160)
- CMYK
- cmyk(19% 0% 10% 21%)
Tons claros · Sombras · Tons
Tons claros
- ABCEBB
- B5D4C3
- BED9CA
- C7DED1
- D0E4D9
- DAE9E0
- E3EFE8
- ECF4F0
- F6FAF7
Sombras
- 8CAE9C
- 779585
- 637C6E
- 4F6458
- 3C4C44
- 2A3630
- 19221D
- 0A0F0C
- 010202
Tons
- 9FC1AF
- 9BBAA9
- 98B3A4
- 95AB9F
- 91A49A
- 8E9D94
- 8B958F
- 878E8A
- 848785
Harmonias de cor
Complementar +180°
- A2C9B4
Gum Leaf
- D6B2C8
≈ Private-Label Pink
Análoga -30° +30°
- A2C9B4
Gum Leaf
- B3C6A4
≈ Freshwater Green
- 99C9C6
≈ Jamaica Bay
Tríade +120° +240°
- A2C9B4
Gum Leaf
- B8BBDF
≈ Wish
- DCB4A5
≈ Prosciutto
Complementar dividida +150° +210°
- A2C9B4
Gum Leaf
- C9B5D7
≈ Elfin Herb
- DDB1B6
≈ Sakura
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.54:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--gum-leaf: #a2c9b4;
--gum-leaf-rgb: 162 201 180;
--gum-leaf-oklch: oklch(0.802 0.051 161.5);
}
.element {
color: var(--gum-leaf);
background-color: hsl(148 27% 71%);
border-color: oklch(0.802 0.051 161.5);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a2c9b4;
--color-gum-leaf-50: #e9faf1;
--color-gum-leaf-100: #d9eee3;
--color-gum-leaf-200: #c2dbce;
--color-gum-leaf-300: #a1c0b0;
--color-gum-leaf-400: #84a895;
--color-gum-leaf-500: #68917c;
--color-gum-leaf-600: #587b69;
--color-gum-leaf-700: #466254;
--color-gum-leaf-800: #33483c;
--color-gum-leaf-900: #233229;
--color-gum-leaf-950: #121e17;
}SCSS
$gum-leaf: #a2c9b4;
$gum-leaf-rgb: 162, 201, 180;
$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);
}