Colore con nome · #349B82
Green Jelly
Green Jelly è #349B82: rgb(52 155 130), hsl(165 50% 41%), oklch(0.624 0.101 173.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Jelly color name →
#349B82
oklch(0.624 0.101 173.5)
Conversioni di colore
- HEX
- #349b82
- RGB
- rgb(52 155 130)
- HSL
- hsl(165 50% 41%)
- HWB
- hwb(165 20% 39%)
- OKLCH
- oklch(0.624 0.101 173.5)
- OKLab
- oklab(0.624 -0.101 0.011)
- CIE Lab
- lab(57.67 -35.46 4.06)
- LCH
- lch(57.67 35.69 173.5)
- CMYK
- cmyk(66% 0% 16% 39%)
Tinte · Ombre · Toni
Tinte
- 4EA58E
- 65AF9A
- 79B9A6
- 8DC3B2
- A0CDBF
- B3D7CB
- C6E1D8
- D9EBE5
- ECF5F2
Ombre
- 2C8670
- 24725F
- 1C5E4E
- 154B3E
- 0E392F
- 072820
- 031812
- 010906
- 000101
Toni
- 419882
- 4C9682
- 559381
- 5D9181
- 648E81
- 6A8B81
- 708981
- 768680
- 7B8380
Armonie di colore
Complementare +180°
- 349B82
Green Jelly
- B76D8C
≈ Pinky Pickle
Analogo -30° +30°
- 349B82
Green Jelly
- 60975F
≈ Abundance
- 1A99A3
≈ Mediterranean Swirl
Triadico +120° +240°
- 349B82
Green Jelly
- 8A7BBF
≈ Ube
- B7754A
≈ Spice Cake
Complementare divisa +150° +210°
- 349B82
Green Jelly
- A572AA
≈ Bell Heather
- BD6E6A
≈ Shepherd’s Warning
Tetradico +90° +180° +270°
- 349B82
Green Jelly
- 6786C5
≈ Livid
- B76D8C
≈ Pinky Pickle
- A48137
≈ Cloisonné Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.41:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.15:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--green-jelly: #349b82;
--green-jelly-rgb: 52 155 130;
--green-jelly-oklch: oklch(0.624 0.101 173.5);
}
.element {
color: var(--green-jelly);
background-color: hsl(165 50% 41%);
border-color: oklch(0.624 0.101 173.5);
}Tailwind CSS v4
@theme {
--color-green-jelly: #349b82;
--color-green-jelly-50: #d8fff4;
--color-green-jelly-100: #c5f4e6;
--color-green-jelly-200: #a6e3d2;
--color-green-jelly-300: #7dc9b5;
--color-green-jelly-400: #56b299;
--color-green-jelly-500: #1e9c80;
--color-green-jelly-600: #1e846d;
--color-green-jelly-700: #196957;
--color-green-jelly-800: #114e3e;
--color-green-jelly-900: #0b362b;
--color-green-jelly-950: #002118;
}SCSS
$green-jelly: #349b82;
$green-jelly-rgb: 52, 155, 130;
$green-jelly-light: mix(#fff, $green-jelly, 20%);
$green-jelly-dark: mix(#000, $green-jelly, 20%);
.element {
color: $green-jelly;
box-shadow: 0 0 0 2px rgba($green-jelly, 0.35);
}