Cor nomeada mais próxima · #46B03E
#46B03E
Cor nomeada mais próxima: Try Your Luck
#46B03E (rgb(70 176 62), hsl(116 48% 47%), oklch(0.671 0.181 142.2)) é mais próxima da cor nomeada Try Your Luck. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#46B03E
oklch(0.671 0.181 142.2)
Conversões de cor
- HEX
- #46b03e
- RGB
- rgb(70 176 62)
- HSL
- hsl(116 48% 47%)
- HWB
- hwb(116 24% 31%)
- OKLCH
- oklch(0.671 0.181 142.2)
- OKLab
- oklab(0.671 -0.143 0.111)
- CIE Lab
- lab(63.98 -48.38 47.02)
- LCH
- lch(63.98 67.47 135.8)
- CMYK
- cmyk(60% 0% 65% 31%)
Tons claros · Sombras · Tons
Tons claros
- 5CB855
- 71C169
- 83C97D
- 96D18F
- A8D9A2
- B9E1B5
- CBE8C7
- DCF0DA
- EEF8EC
Sombras
- 3C9935
- 32822B
- 286C23
- 1E561A
- 154212
- 0D2E0A
- 051C04
- 020B01
- 000100
Tons
- 50AC48
- 58A751
- 5FA258
- 659E5F
- 6A9966
- 70946B
- 748F71
- 788A76
- 7C857B
Harmonias de cor
Complementar +180°
- 46B03E
Try Your Luck
- C86AD6
≈ Blueberry Glaze
Análoga -30° +30°
- 46B03E
Try Your Luck
- 989E00
≈ Papyrus
- 00AF8D
≈ Victorian Greenhouse
Tríade +120° +240°
- 46B03E
Try Your Luck
- 5891FF
≈ Polar Glow
- F05E61
≈ Dubarry
Complementar dividida +150° +210°
- 46B03E
Try Your Luck
- 9B7BFA
≈ Forgotten Purple
- E55EA1
≈ Cosmetologist’s Pink
Tétrade +90° +180° +270°
- 46B03E
Try Your Luck
- 00A3DB
≈ Vanadyl Blue
- C86AD6
≈ Blueberry Glaze
- E57000
≈ Thai Mango
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.54:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--try-your-luck: #46b03e;
--try-your-luck-rgb: 70 176 62;
--try-your-luck-oklch: oklch(0.671 0.181 142.2);
}
.element {
color: var(--try-your-luck);
background-color: hsl(116 48% 47%);
border-color: oklch(0.671 0.181 142.2);
}Tailwind CSS v4
@theme {
--color-try-your-luck: #46b03e;
--color-try-your-luck-50: #d6ffd5;
--color-try-your-luck-100: #c3f8c2;
--color-try-your-luck-200: #a4e9a3;
--color-try-your-luck-300: #79cf7a;
--color-try-your-luck-400: #56b84e;
--color-try-your-luck-500: #20a217;
--color-try-your-luck-600: #1f8918;
--color-try-your-luck-700: #196e14;
--color-try-your-luck-800: #165005;
--color-try-your-luck-900: #0f3804;
--color-try-your-luck-950: #022200;
}SCSS
$try-your-luck: #46b03e;
$try-your-luck-rgb: 70, 176, 62;
$try-your-luck-light: mix(#fff, $try-your-luck, 20%);
$try-your-luck-dark: mix(#000, $try-your-luck, 20%);
.element {
color: $try-your-luck;
box-shadow: 0 0 0 2px rgba($try-your-luck, 0.35);
}