Colore con nome più vicino · #46B03E
#46B03E
Colore con nome più vicino: Try Your Luck
#46B03E (rgb(70 176 62), hsl(116 48% 47%), oklch(0.671 0.181 142.2)) è più vicino al colore con nome Try Your Luck. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#46B03E
oklch(0.671 0.181 142.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 5CB855
- 71C169
- 83C97D
- 96D18F
- A8D9A2
- B9E1B5
- CBE8C7
- DCF0DA
- EEF8EC
Ombre
- 3C9935
- 32822B
- 286C23
- 1E561A
- 154212
- 0D2E0A
- 051C04
- 020B01
- 000100
Toni
- 50AC48
- 58A751
- 5FA258
- 659E5F
- 6A9966
- 70946B
- 748F71
- 788A76
- 7C857B
Armonie di colore
Complementare +180°
- 46B03E
Try Your Luck
- C86AD6
≈ Blueberry Glaze
Analogo -30° +30°
- 46B03E
Try Your Luck
- 989E00
≈ Papyrus
- 00AF8D
≈ Victorian Greenhouse
Triadico +120° +240°
- 46B03E
Try Your Luck
- 5891FF
≈ Polar Glow
- F05E61
≈ Dubarry
Complementare divisa +150° +210°
- 46B03E
Try Your Luck
- 9B7BFA
≈ Forgotten Purple
- E55EA1
≈ Cosmetologist’s Pink
Tetradico +90° +180° +270°
- 46B03E
Try Your Luck
- 00A3DB
≈ Vanadyl Blue
- C86AD6
≈ Blueberry Glaze
- E57000
≈ Thai Mango
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.54:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
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);
}