Cor nomeada mais próxima · #84A561
#84A561
Cor nomeada mais próxima: Frankenstein
#84A561 (rgb(132 165 97), hsl(89 27% 51%), oklch(0.681 0.101 129.8)) é mais próxima da cor nomeada Frankenstein. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#84A561
oklch(0.681 0.101 129.8)
Conversões de cor
- HEX
- #84a561
- RGB
- rgb(132 165 97)
- HSL
- hsl(89 27% 51%)
- HWB
- hwb(89 38% 35%)
- OKLCH
- oklch(0.681 0.101 129.8)
- OKLab
- oklab(0.681 -0.065 0.077)
- CIE Lab
- lab(64.02 -20.83 31.33)
- LCH
- lch(64.02 37.62 123.6)
- CMYK
- cmyk(20% 0% 41% 35%)
Tons claros · Sombras · Tons
Tons claros
- 90AE71
- 9CB781
- A8C090
- B4C9A0
- C0D2AF
- CCDBBF
- D9E4CF
- E5EDDF
- F2F6EF
Sombras
- 728F53
- 607946
- 4F6539
- 3F512D
- 2F3D21
- 202B15
- 121A0B
- 060A03
- 010100
Tons
- 84A165
- 839E69
- 839A6C
- 83966F
- 829373
- 828F75
- 818B78
- 81887B
- 80847E
Harmonias de cor
Complementar +180°
- 84A561
Frankenstein
- AB87C7
≈ Creeping Bellflower
Análoga -30° +30°
- 84A561
Frankenstein
- A79A4C
≈ Formosan Green
- 5BAC83
≈ Green Tourmaline
Tríade +120° +240°
- 84A561
Frankenstein
- 669DD4
≈ Blue Electress
- CE7E8A
≈ Grey Matter
Complementar dividida +150° +210°
- 84A561
Frankenstein
- 8C91D6
≈ Mystic Iris
- C27FAC
≈ Romanov Mauve
Tétrade +90° +180° +270°
- 84A561
Frankenstein
- 42A7C3
≈ Moonstone
- AB87C7
≈ Creeping Bellflower
- CE8268
≈ Burning Sand
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.53:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--frankenstein: #84a561;
--frankenstein-rgb: 132 165 97;
--frankenstein-oklch: oklch(0.681 0.101 129.8);
}
.element {
color: var(--frankenstein);
background-color: hsl(89 27% 51%);
border-color: oklch(0.681 0.101 129.8);
}Tailwind CSS v4
@theme {
--color-frankenstein: #84a561;
--color-frankenstein-50: #ebfcde;
--color-frankenstein-100: #dcf0cd;
--color-frankenstein-200: #c5deb1;
--color-frankenstein-300: #a5c38d;
--color-frankenstein-400: #8bab6a;
--color-frankenstein-500: #709348;
--color-frankenstein-600: #5f7d3e;
--color-frankenstein-700: #4c6431;
--color-frankenstein-800: #384921;
--color-frankenstein-900: #263316;
--color-frankenstein-950: #151e07;
}SCSS
$frankenstein: #84a561;
$frankenstein-rgb: 132, 165, 97;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}