Colore con nome · #95E3C0
Green Gum
Green Gum è #95E3C0: rgb(149 227 192), hsl(153 58% 74%), oklch(0.855 0.092 164.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Gum color name →
#95E3C0
oklch(0.855 0.092 164.4)
Conversioni di colore
- HEX
- #95e3c0
- RGB
- rgb(149 227 192)
- HSL
- hsl(153 58% 74%)
- HWB
- hwb(153 58% 11%)
- OKLCH
- oklch(0.855 0.092 164.4)
- OKLab
- oklab(0.855 -0.088 0.025)
- CIE Lab
- lab(84.46 -30.7 9.18)
- LCH
- lch(84.46 32.04 163.4)
- CMYK
- cmyk(34% 0% 15% 11%)
Tinte · Ombre · Toni
Tinte
- A1E6C6
- ACE9CC
- B7ECD3
- C2EFD9
- CCF1DF
- D6F4E6
- E1F7EC
- EBFAF2
- F5FCF9
Ombre
- 81C5A7
- 6DA88E
- 5A8C76
- 48715F
- 375749
- 263F34
- 162720
- 08120E
- 010302
Toni
- 94D9B9
- 92CFB3
- 91C5AC
- 8FBAA6
- 8DB1A0
- 8BA799
- 889D93
- 86938C
- 838A86
Armonie di colore
Complementare +180°
- 95E3C0
Green Gum
- FCB8DE
≈ Bubblegum Heart
Analogo -30° +30°
- 95E3C0
Green Gum
- B7DDA0
≈ Green Gooseberry
- 82E3E1
≈ Cold Blue
Triadico +120° +240°
- 95E3C0
Green Gum
- C9CAFF
≈ Lavender Blue
- FFBFA3
≈ Sweet Apricot
Complementare divisa +150° +210°
- 95E3C0
Green Gum
- E6BEFA
≈ Jane Purple
- FFBBBF
≈ Hard Candy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.49:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.02:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 14.02:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--green-gum: #95e3c0;
--green-gum-rgb: 149 227 192;
--green-gum-oklch: oklch(0.855 0.092 164.4);
}
.element {
color: var(--green-gum);
background-color: hsl(153 58% 74%);
border-color: oklch(0.855 0.092 164.4);
}Tailwind CSS v4
@theme {
--color-green-gum: #95e3c0;
--color-green-gum-50: #defeef;
--color-green-gum-100: #ccf2e1;
--color-green-gum-200: #b0e1cc;
--color-green-gum-300: #89c7ad;
--color-green-gum-400: #67b090;
--color-green-gum-500: #419976;
--color-green-gum-600: #388264;
--color-green-gum-700: #2d6850;
--color-green-gum-800: #204c39;
--color-green-gum-900: #153527;
--color-green-gum-950: #062015;
}SCSS
$green-gum: #95e3c0;
$green-gum-rgb: 149, 227, 192;
$green-gum-light: mix(#fff, $green-gum, 20%);
$green-gum-dark: mix(#000, $green-gum, 20%);
.element {
color: $green-gum;
box-shadow: 0 0 0 2px rgba($green-gum, 0.35);
}