Colore con nome più vicino · #46AD75
#46AD75
Colore con nome più vicino: Jubilant Jade
#46AD75 (rgb(70 173 117), hsl(147 42% 48%), oklch(0.672 0.127 156.5)) è più vicino al colore con nome Jubilant Jade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#46AD75
oklch(0.672 0.127 156.5)
Conversioni di colore
- HEX
- #46ad75
- RGB
- rgb(70 173 117)
- HSL
- hsl(147 42% 48%)
- HWB
- hwb(147 27% 32%)
- OKLCH
- oklch(0.672 0.127 156.5)
- OKLab
- oklab(0.672 -0.117 0.051)
- CIE Lab
- lab(63.67 -41.11 19.6)
- LCH
- lch(63.67 45.55 154.5)
- CMYK
- cmyk(60% 0% 32% 32%)
Tinte · Ombre · Toni
Tinte
- 5DB582
- 71BE90
- 84C69D
- 96CEAB
- A8D6B9
- BADFC6
- CBE7D4
- DCEFE2
- EEF7F1
Ombre
- 3C9665
- 327F55
- 286A46
- 1E5537
- 154129
- 0D2D1C
- 051B0F
- 020B05
- 000101
Toni
- 50A976
- 58A478
- 5FA079
- 659B7A
- 6B977B
- 70927C
- 748E7D
- 79897E
- 7C857F
Armonie di colore
Complementare +180°
- 46AD75
Jubilant Jade
- C776B3
≈ Bishop Red
Analogo -30° +30°
- 46AD75
Jubilant Jade
- 82A447
≈ Greenery
- 00ADA1
≈ Cozumel
Triadico +120° +240°
- 46AD75
Jubilant Jade
- 828EE3
≈ Perrywinkle
- D8775C
≈ Clay Mug
Complementare divisa +150° +210°
- 46AD75
Jubilant Jade
- AA80D3
≈ Lavender Blossom
- D77289
≈ Strawberry Milkshake
Tetradico +90° +180° +270°
- 46AD75
Jubilant Jade
- 4C9CE0
≈ Flax Flower Blue
- C776B3
≈ Bishop Red
- CA8532
≈ Yam
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--jubilant-jade: #46ad75;
--jubilant-jade-rgb: 70 173 117;
--jubilant-jade-oklch: oklch(0.672 0.127 156.5);
}
.element {
color: var(--jubilant-jade);
background-color: hsl(147 42% 48%);
border-color: oklch(0.672 0.127 156.5);
}Tailwind CSS v4
@theme {
--color-jubilant-jade: #46ad75;
--color-jubilant-jade-50: #d8ffe8;
--color-jubilant-jade-100: #c5f6d8;
--color-jubilant-jade-200: #a6e5c0;
--color-jubilant-jade-300: #7ccc9f;
--color-jubilant-jade-400: #56b57f;
--color-jubilant-jade-500: #1e9e62;
--color-jubilant-jade-600: #1e8653;
--color-jubilant-jade-700: #196b42;
--color-jubilant-jade-800: #134f2e;
--color-jubilant-jade-900: #0c371f;
--color-jubilant-jade-950: #00220f;
}SCSS
$jubilant-jade: #46ad75;
$jubilant-jade-rgb: 70, 173, 117;
$jubilant-jade-light: mix(#fff, $jubilant-jade, 20%);
$jubilant-jade-dark: mix(#000, $jubilant-jade, 20%);
.element {
color: $jubilant-jade;
box-shadow: 0 0 0 2px rgba($jubilant-jade, 0.35);
}