Cor nomeada mais próxima · #478266
#478266
Cor nomeada mais próxima: Amazon
#478266 (rgb(71 130 102), hsl(152 29% 39%), oklch(0.558 0.077 161.9)) é mais próxima da cor nomeada Amazon. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#478266
oklch(0.558 0.077 161.9)
Conversões de cor
- HEX
- #478266
- RGB
- rgb(71 130 102)
- HSL
- hsl(152 29% 39%)
- HWB
- hwb(152 28% 49%)
- OKLCH
- oklch(0.558 0.077 161.9)
- OKLab
- oklab(0.558 -0.073 0.024)
- CIE Lab
- lab(49.75 -25.42 8.94)
- LCH
- lch(49.75 26.95 160.6)
- CMYK
- cmyk(45% 0% 22% 49%)
Tons claros · Sombras · Tons
Tons claros
- 5A8E74
- 6C9A83
- 7EA691
- 90B3A0
- A2BFB0
- B4CCBF
- C7D8CF
- D9E5DF
- ECF2EF
Sombras
- 3D7058
- 325F4A
- 284E3C
- 1F3E2F
- 162F23
- 0D2017
- 06120C
- 020604
- 000100
Tons
- 4E8269
- 55826B
- 5B826E
- 618270
- 668173
- 6C8176
- 718178
- 76817B
- 7B807D
Harmonias de cor
Complementar +180°
- 478266
Amazon
- 936281
≈ Rust Magenta
Análoga -30° +30°
- 478266
Amazon
- 637D4E
≈ Green Knoll
- 33827F
≈ Amazon Drift
Tríade +120° +240°
- 478266
Amazon
- 6C6EA0
≈ Kimberlite
- 9A6550
≈ Tuscan Rooftops
Complementar dividida +150° +210°
- 478266
Amazon
- 836795
≈ Dark Lavender
- 9B6168
≈ Pizza Pie
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.51:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.65:1 · APCA Lc 30
Melhor cor de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Trechos de código
CSS
:root {
--amazon: #478266;
--amazon-rgb: 71 130 102;
--amazon-oklch: oklch(0.558 0.077 161.9);
}
.element {
color: var(--amazon);
background-color: hsl(152 29% 39%);
border-color: oklch(0.558 0.077 161.9);
}Tailwind CSS v4
@theme {
--color-amazon: #478266;
--color-amazon-50: #e2fdef;
--color-amazon-100: #d2f0e1;
--color-amazon-200: #b7dfcb;
--color-amazon-300: #93c4ad;
--color-amazon-400: #74ad91;
--color-amazon-500: #549676;
--color-amazon-600: #487f64;
--color-amazon-700: #396650;
--color-amazon-800: #294b39;
--color-amazon-900: #1c3427;
--color-amazon-950: #0c1f15;
}SCSS
$amazon: #478266;
$amazon-rgb: 71, 130, 102;
$amazon-light: mix(#fff, $amazon, 20%);
$amazon-dark: mix(#000, $amazon, 20%);
.element {
color: $amazon;
box-shadow: 0 0 0 2px rgba($amazon, 0.35);
}