Colore con nome · #68C89D
Intense Jade
Intense Jade è #68C89D: rgb(104 200 157), hsl(153 47% 60%), oklch(0.762 0.112 162.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Intense Jade color name →
#68C89D
oklch(0.762 0.112 162.8)
Conversioni di colore
- HEX
- #68c89d
- RGB
- rgb(104 200 157)
- HSL
- hsl(153 47% 60%)
- HWB
- hwb(153 41% 22%)
- OKLCH
- oklch(0.762 0.112 162.8)
- OKLab
- oklab(0.762 -0.107 0.033)
- CIE Lab
- lab(73.89 -37.34 12.43)
- LCH
- lch(73.89 39.35 161.6)
- CMYK
- cmyk(48% 0% 21% 22%)
Tinte · Ombre · Toni
Tinte
- 79CEA7
- 8AD3B0
- 9AD9BA
- A9DEC3
- B7E4CD
- C6E9D7
- D4EFE1
- E3F4EB
- F1FAF5
Ombre
- 59AE88
- 4B9473
- 3E7B5F
- 30634C
- 244C3A
- 183628
- 0C2118
- 040F09
- 000201
Toni
- 6DC19A
- 71B997
- 74B294
- 77AB91
- 79A48F
- 7B9D8C
- 7D9589
- 7E8E86
- 7F8783
Armonie di colore
Complementare +180°
- 68C89D
Intense Jade
- E395C5
≈ Crepe Myrtle
Analogo -30° +30°
- 68C89D
Intense Jade
- 96C176
≈ Leticiaz
- 46C8C5
≈ Rapids
Triadico +120° +240°
- 68C89D
Intense Jade
- A7A8F7
≈ Shy Moment
- EE9A78
≈ Pochard Duck Head
Complementare divisa +150° +210°
- 68C89D
Intense Jade
- CA9DE5
≈ Bright Ube
- EF939E
≈ Pick Your Brain
Tetradico +90° +180° +270°
- 68C89D
Intense Jade
- 7DB6F7
≈ Fly Away
- E395C5
≈ Crepe Myrtle
- DDA65D
≈ Pan de Coco
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.33:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--intense-jade: #68c89d;
--intense-jade-rgb: 104 200 157;
--intense-jade-oklch: oklch(0.762 0.112 162.8);
}
.element {
color: var(--intense-jade);
background-color: hsl(153 47% 60%);
border-color: oklch(0.762 0.112 162.8);
}Tailwind CSS v4
@theme {
--color-intense-jade: #68c89d;
--color-intense-jade-50: #d9ffed;
--color-intense-jade-100: #c6f4df;
--color-intense-jade-200: #a8e4c8;
--color-intense-jade-300: #7fcaa9;
--color-intense-jade-400: #59b38b;
--color-intense-jade-500: #269d70;
--color-intense-jade-600: #24845f;
--color-intense-jade-700: #1d6a4c;
--color-intense-jade-800: #154e35;
--color-intense-jade-900: #0e3624;
--color-intense-jade-950: #012113;
}SCSS
$intense-jade: #68c89d;
$intense-jade-rgb: 104, 200, 157;
$intense-jade-light: mix(#fff, $intense-jade, 20%);
$intense-jade-dark: mix(#000, $intense-jade, 20%);
.element {
color: $intense-jade;
box-shadow: 0 0 0 2px rgba($intense-jade, 0.35);
}