Colore con nome · #8A9480
Aloe Tip
Aloe Tip è #8A9480: rgb(138 148 128), hsl(90 9% 54%), oklch(0.653 0.031 129). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aloe Tip color name →
#8A9480
oklch(0.653 0.031 129)
Conversioni di colore
- HEX
- #8a9480
- RGB
- rgb(138 148 128)
- HSL
- hsl(90 9% 54%)
- HWB
- hwb(90 50% 42%)
- OKLCH
- oklch(0.653 0.031 129)
- OKLab
- oklab(0.653 -0.02 0.024)
- CIE Lab
- lab(60.06 -6.6 9.33)
- LCH
- lch(60.06 11.43 125.3)
- CMYK
- cmyk(7% 0% 14% 42%)
Tinte · Ombre · Toni
Tinte
- 959E8C
- A0A998
- ACB3A5
- B7BEB1
- C3C8BE
- CFD3CA
- DBDED7
- E7E9E4
- F3F4F2
Ombre
- 77806E
- 656D5D
- 535A4D
- 42483D
- 32362E
- 22261F
- 141612
- 070806
- 010101
Toni
- 899280
- 889080
- 878E80
- 868C80
- 858A80
- 848880
- 838680
- 828480
- 818280
Armonie di colore
Complementare +180°
- 8A9480
Aloe Tip
- 958B9F
≈ Eccentricity
Analogo -30° +30°
- 8A9480
Aloe Tip
- 94917B
≈ Paseo Verde
- 809689
≈ Azores
Triadico +120° +240°
- 8A9480
Aloe Tip
- 8292A3
≈ Dusty Blue
- A2888C
≈ Tin Pink
Complementare divisa +150° +210°
- 8A9480
Aloe Tip
- 8B8EA3
≈ Dusty Heather
- 9E8996
≈ Piano Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.16:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.62:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--aloe-tip: #8a9480;
--aloe-tip-rgb: 138 148 128;
--aloe-tip-oklch: oklch(0.653 0.031 129);
}
.element {
color: var(--aloe-tip);
background-color: hsl(90 9% 54%);
border-color: oklch(0.653 0.031 129);
}Tailwind CSS v4
@theme {
--color-aloe-tip: #8a9480;
--color-aloe-tip-50: #f2f7ee;
--color-aloe-tip-100: #e4eadf;
--color-aloe-tip-200: #d0d7c9;
--color-aloe-tip-300: #b2bbab;
--color-aloe-tip-400: #99a28f;
--color-aloe-tip-500: #808b75;
--color-aloe-tip-600: #6c7563;
--color-aloe-tip-700: #565e4f;
--color-aloe-tip-800: #3f4539;
--color-aloe-tip-900: #2c2f27;
--color-aloe-tip-950: #191c15;
}SCSS
$aloe-tip: #8a9480;
$aloe-tip-rgb: 138, 148, 128;
$aloe-tip-light: mix(#fff, $aloe-tip, 20%);
$aloe-tip-dark: mix(#000, $aloe-tip, 20%);
.element {
color: $aloe-tip;
box-shadow: 0 0 0 2px rgba($aloe-tip, 0.35);
}