Cor nomeada · #8A843B
Apeland
Apeland é #8A843B: rgb(138 132 59), hsl(55 40% 39%), oklch(0.603 0.095 104.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Apeland color name →
#8A843B
oklch(0.603 0.095 104.6)
Conversões de cor
- HEX
- #8a843b
- RGB
- rgb(138 132 59)
- HSL
- hsl(55 40% 39%)
- HWB
- hwb(55 23% 46%)
- OKLCH
- oklch(0.603 0.095 104.6)
- OKLab
- oklab(0.603 -0.024 0.092)
- CIE Lab
- lab(54.51 -5.06 39.43)
- LCH
- lch(54.51 39.75 97.3)
- CMYK
- cmyk(0% 4% 57% 46%)
Tons claros · Sombras · Tons
Tons claros
- 959050
- A09C64
- ABA877
- B7B48A
- C2C09D
- CECDB1
- DAD9C4
- E6E6D7
- F3F2EB
Sombras
- 777232
- 656029
- 534F21
- 423F19
- 322F11
- 222009
- 141204
- 070601
- 010100
Tons
- 898444
- 88844C
- 878354
- 86835B
- 858361
- 848268
- 83826E
- 828174
- 81817A
Harmonias de cor
Complementar +180°
- 8A843B
Apeland
- 7B79B8
≈ Astro Zinger
Análoga -30° +30°
- 8A843B
Apeland
- A3783A
≈ Victorian Gold
- 698E52
≈ Field Time Green
Tríade +120° +240°
- 8A843B
Apeland
- 338DAC
≈ Carol
- A9698F
≈ Cure All
Complementar dividida +150° +210°
- 8A843B
Apeland
- 5983B9
≈ Regatta
- 966FA9
≈ Ce Soir
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.85:1 · APCA Lc 66
Ag
AASobre preto
WCAG 5.44:1 · APCA Lc 36
Melhor cor de texto: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Trechos de código
CSS
:root {
--apeland: #8a843b;
--apeland-rgb: 138 132 59;
--apeland-oklch: oklch(0.603 0.095 104.6);
}
.element {
color: var(--apeland);
background-color: hsl(55 40% 39%);
border-color: oklch(0.603 0.095 104.6);
}Tailwind CSS v4
@theme {
--color-apeland: #8a843b;
--color-apeland-50: #f8f8d9;
--color-apeland-100: #ebebc6;
--color-apeland-200: #d9d8a9;
--color-apeland-300: #bdbb82;
--color-apeland-400: #a7a25d;
--color-apeland-500: #908936;
--color-apeland-600: #7a742f;
--color-apeland-700: #625d26;
--color-apeland-800: #494419;
--color-apeland-900: #322f10;
--color-apeland-950: #1e1b03;
}SCSS
$apeland: #8a843b;
$apeland-rgb: 138, 132, 59;
$apeland-light: mix(#fff, $apeland, 20%);
$apeland-dark: mix(#000, $apeland, 20%);
.element {
color: $apeland;
box-shadow: 0 0 0 2px rgba($apeland, 0.35);
}