Cor nomeada mais próxima · #35B78C
#35B78C
Cor nomeada mais próxima: Mint
#35B78C (rgb(53 183 140), hsl(160 55% 46%), oklch(0.699 0.129 166.3)) é mais próxima da cor nomeada Mint. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#35B78C
oklch(0.699 0.129 166.3)
Conversões de cor
- HEX
- #35b78c
- RGB
- rgb(53 183 140)
- HSL
- hsl(160 55% 46%)
- HWB
- hwb(160 21% 28%)
- OKLCH
- oklch(0.699 0.129 166.3)
- OKLab
- oklab(0.699 -0.125 0.03)
- CIE Lab
- lab(66.77 -44.27 11.36)
- LCH
- lch(66.77 45.7 165.6)
- CMYK
- cmyk(71% 0% 23% 28%)
Tons claros · Sombras · Tons
Tons claros
- 53BE97
- 6AC6A2
- 7FCDAD
- 93D4B9
- A6DCC4
- B8E3D0
- CAEADB
- DCF1E7
- EDF8F3
Sombras
- 2D9F79
- 258767
- 1D7055
- 155A43
- 0E4533
- 083123
- 031E14
- 010C07
- 000201
Tons
- 44B28B
- 50AC8A
- 59A789
- 61A187
- 689C86
- 6E9685
- 739184
- 788B83
- 7C8681
Harmonias de cor
Complementar +180°
- 35B78C
Mint
- D77BAE
≈ Ice Plant
Análoga -30° +30°
- 35B78C
Mint
- 78B05D
≈ Arugula
- 00B4B7
≈ Cyan Sky
Tríade +120° +240°
- 35B78C
Mint
- 9891EA
≈ Perrywinkle
- DF8355
≈ Show Business
Complementar dividida +150° +210°
- 35B78C
Mint
- BD84D3
≈ Purception
- E27A82
≈ Passion Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.52:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.30:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--mint: #35b78c;
--mint-rgb: 53 183 140;
--mint-oklch: oklch(0.699 0.129 166.3);
}
.element {
color: var(--mint);
background-color: hsl(160 55% 46%);
border-color: oklch(0.699 0.129 166.3);
}Tailwind CSS v4
@theme {
--color-mint: #35b78c;
--color-mint-50: #d2ffee;
--color-mint-100: #bff6e0;
--color-mint-200: #9de6ca;
--color-mint-300: #6fcdab;
--color-mint-400: #40b68d;
--color-mint-500: #00a073;
--color-mint-600: #008761;
--color-mint-700: #006c4e;
--color-mint-800: #005036;
--color-mint-900: #003825;
--color-mint-950: #002214;
}SCSS
$mint: #35b78c;
$mint-rgb: 53, 183, 140;
$mint-light: mix(#fff, $mint, 20%);
$mint-dark: mix(#000, $mint, 20%);
.element {
color: $mint;
box-shadow: 0 0 0 2px rgba($mint, 0.35);
}