Colore con nome · #62BE77
Verdigris Coloured
Verdigris Coloured è #62BE77: rgb(98 190 119), hsl(134 41% 56%), oklch(0.727 0.135 149.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Verdigris Coloured color name →
#62BE77
oklch(0.727 0.135 149.4)
Conversioni di colore
- HEX
- #62be77
- RGB
- rgb(98 190 119)
- HSL
- hsl(134 41% 56%)
- HWB
- hwb(134 38% 25%)
- OKLCH
- oklch(0.727 0.135 149.4)
- OKLab
- oklab(0.727 -0.117 0.069)
- CIE Lab
- lab(70 -40.39 27.12)
- LCH
- lch(70 48.65 146.1)
- CMYK
- cmyk(48% 0% 37% 25%)
Tinte · Ombre · Toni
Tinte
- 74C585
- 84CB92
- 95D2A0
- A4D9AD
- B4DFBA
- C3E6C8
- D2ECD6
- E1F2E3
- F0F9F1
Ombre
- 54A567
- 478C57
- 3A7547
- 2D5E38
- 21482A
- 16331C
- 0B1F10
- 030D05
- 000201
Toni
- 67B878
- 6CB27A
- 6FAC7B
- 73A57C
- 769F7D
- 79997E
- 7B937E
- 7D8D7F
- 7F8680
Armonie di colore
Complementare +180°
- 62BE77
Verdigris Coloured
- D586D0
≈ Blush Essence
Analogo -30° +30°
- 62BE77
Verdigris Coloured
- 9DB247
≈ Bamboo Leaf
- 00C1A9
≈ Turquoise
Triadico +120° +240°
- 62BE77
Verdigris Coloured
- 85A1FC
≈ Periwinkle Blue
- EF8374
≈ Melondrama
Complementare divisa +150° +210°
- 62BE77
Verdigris Coloured
- B392EF
≈ Dreamy Candy Forest
- EA80A4
≈ Aurora Pink
Tetradico +90° +180° +270°
- 62BE77
Verdigris Coloured
- 46B1F2
≈ Adamantine Blue
- D586D0
≈ Blush Essence
- E49045
≈ Velvet Marigold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.15:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--verdigris-coloured: #62be77;
--verdigris-coloured-rgb: 98 190 119;
--verdigris-coloured-oklch: oklch(0.727 0.135 149.4);
}
.element {
color: var(--verdigris-coloured);
background-color: hsl(134 41% 56%);
border-color: oklch(0.727 0.135 149.4);
}Tailwind CSS v4
@theme {
--color-verdigris-coloured: #62be77;
--color-verdigris-coloured-50: #daffe2;
--color-verdigris-coloured-100: #c8f6d2;
--color-verdigris-coloured-200: #a9e5b7;
--color-verdigris-coloured-300: #81cb94;
--color-verdigris-coloured-400: #5eb472;
--color-verdigris-coloured-500: #329e52;
--color-verdigris-coloured-600: #2c8646;
--color-verdigris-coloured-700: #236b37;
--color-verdigris-coloured-800: #1b4f25;
--color-verdigris-coloured-900: #123719;
--color-verdigris-coloured-950: #042109;
}SCSS
$verdigris-coloured: #62be77;
$verdigris-coloured-rgb: 98, 190, 119;
$verdigris-coloured-light: mix(#fff, $verdigris-coloured, 20%);
$verdigris-coloured-dark: mix(#000, $verdigris-coloured, 20%);
.element {
color: $verdigris-coloured;
box-shadow: 0 0 0 2px rgba($verdigris-coloured, 0.35);
}