Colore con nome · #88CC22
Thick Green
Thick Green è #88CC22: rgb(136 204 34), hsl(84 71% 47%), oklch(0.771 0.199 130.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Thick Green color name →
#88CC22
oklch(0.771 0.199 130.3)
Conversioni di colore
- HEX
- #88cc22
- RGB
- rgb(136 204 34)
- HSL
- hsl(84 71% 47%)
- HWB
- hwb(84 13% 20%)
- OKLCH
- oklch(0.771 0.199 130.3)
- OKLab
- oklab(0.771 -0.129 0.151)
- CIE Lab
- lab(75.37 -39.82 68.22)
- LCH
- lch(75.37 78.99 120.3)
- CMYK
- cmyk(33% 0% 83% 20%)
Tinte · Ombre · Toni
Tinte
- 94D248
- A0D762
- ACDD79
- B7E28E
- C3E7A1
- CFECB5
- DBF1C8
- E7F6DA
- F3FAED
Ombre
- 75B11C
- 639716
- 527E11
- 41650B
- 314E07
- 223703
- 132201
- 060F00
- 010200
Toni
- 88C538
- 87BD47
- 87B652
- 86AE5C
- 85A664
- 849F6B
- 839771
- 829076
- 81887B
Armonie di colore
Complementare +180°
- 88CC22
Thick Green
- D495FF
≈ Lilás
Analogo -30° +30°
- 88CC22
Thick Green
- CCB600
≈ Mustard
- 00D58E
≈ Envy’s Love
Triadico +120° +240°
- 88CC22
Thick Green
- 76BAFF
≈ Cooler Than Ever
- FF8DA0
≈ Charming Cherry
Complementare divisa +150° +210°
- 88CC22
Thick Green
- A6ACFF
≈ Shy Moment
- FF80D8
≈ Pout Pink
Tetradico +90° +180° +270°
- 88CC22
Thick Green
- 00C8F2
≈ Picnic Day Sky
- D495FF
≈ Lilás
- FF936D
≈ Pink Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.70:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--thick-green: #88cc22;
--thick-green-rgb: 136 204 34;
--thick-green-oklch: oklch(0.771 0.199 130.3);
}
.element {
color: var(--thick-green);
background-color: hsl(84 71% 47%);
border-color: oklch(0.771 0.199 130.3);
}Tailwind CSS v4
@theme {
--color-thick-green: #88cc22;
--color-thick-green-50: #e0ffc7;
--color-thick-green-100: #cff7b2;
--color-thick-green-200: #b4e68c;
--color-thick-green-300: #90cc5a;
--color-thick-green-400: #75b403;
--color-thick-green-500: #569d00;
--color-thick-green-600: #498500;
--color-thick-green-700: #3a6a00;
--color-thick-green-800: #2d4e00;
--color-thick-green-900: #1e3600;
--color-thick-green-950: #0e2100;
}SCSS
$thick-green: #88cc22;
$thick-green-rgb: 136, 204, 34;
$thick-green-light: mix(#fff, $thick-green, 20%);
$thick-green-dark: mix(#000, $thick-green, 20%);
.element {
color: $thick-green;
box-shadow: 0 0 0 2px rgba($thick-green, 0.35);
}