Cor nomeada mais próxima · #55776A
#55776A
Cor nomeada mais próxima: Ecological
#55776A (rgb(85 119 106), hsl(157 17% 40%), oklch(0.539 0.044 169)) é mais próxima da cor nomeada Ecological. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#55776A
oklch(0.539 0.044 169)
Conversões de cor
- HEX
- #55776a
- RGB
- rgb(85 119 106)
- HSL
- hsl(157 17% 40%)
- HWB
- hwb(157 33% 53%)
- OKLCH
- oklch(0.539 0.044 169)
- OKLab
- oklab(0.539 -0.043 0.008)
- CIE Lab
- lab(47.13 -14.9 3.06)
- LCH
- lch(47.13 15.21 168.4)
- CMYK
- cmyk(29% 0% 11% 53%)
Tons claros · Sombras · Tons
Tons claros
- 658478
- 759186
- 869E94
- 96ABA3
- A7B9B2
- B8C7C1
- CAD4D0
- DBE2DF
- EDF1EF
Sombras
- 49675B
- 3D574D
- 31473F
- 263831
- 1C2A24
- 111C18
- 08100D
- 020504
- 000100
Tons
- 5A786C
- 5E796E
- 637A71
- 677B73
- 6B7C75
- 6F7D77
- 747D79
- 787E7C
- 7C7F7E
Harmonias de cor
Complementar +180°
- 55776A
Ecological
- 836472
≈ Opera
Análoga -30° +30°
- 55776A
Ecological
- 62755C
≈ Finlandia
- 4F7778
≈ Cool Waters
Tríade +120° +240°
- 55776A
Ecological
- 6D6B87
≈ Dark Prince
- 846758
≈ Quartersawn Oak
Complementar dividida +150° +210°
- 55776A
Ecological
- 7A677F
≈ Purplish Grey
- 866464
≈ Forbidden Thrill
Tétrade +90° +180° +270°
- 55776A
Ecological
- 5F6F88
≈ Sausalito Port
- 836472
≈ Opera
- 7C6C52
≈ Conservation
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.96:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.23:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--ecological: #55776a;
--ecological-rgb: 85 119 106;
--ecological-oklch: oklch(0.539 0.044 169);
}
.element {
color: var(--ecological);
background-color: hsl(157 17% 40%);
border-color: oklch(0.539 0.044 169);
}Tailwind CSS v4
@theme {
--color-ecological: #55776a;
--color-ecological-50: #e9f9f3;
--color-ecological-100: #daede6;
--color-ecological-200: #c3dbd2;
--color-ecological-300: #a2bfb4;
--color-ecological-400: #86a79a;
--color-ecological-500: #699081;
--color-ecological-600: #5a7a6d;
--color-ecological-700: #476157;
--color-ecological-800: #34473f;
--color-ecological-900: #23312b;
--color-ecological-950: #121d19;
}SCSS
$ecological: #55776a;
$ecological-rgb: 85, 119, 106;
$ecological-light: mix(#fff, $ecological, 20%);
$ecological-dark: mix(#000, $ecological, 20%);
.element {
color: $ecological;
box-shadow: 0 0 0 2px rgba($ecological, 0.35);
}