Colore con nome più vicino · #939A6F
#939A6F
Colore con nome più vicino: Guacamole
#939A6F (rgb(147 154 111), hsl(70 18% 52%), oklch(0.669 0.061 115.6)) è più vicino al colore con nome Guacamole. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#939A6F
oklch(0.669 0.061 115.6)
Conversioni di colore
- HEX
- #939a6f
- RGB
- rgb(147 154 111)
- HSL
- hsl(70 18% 52%)
- HWB
- hwb(70 44% 40%)
- OKLCH
- oklch(0.669 0.061 115.6)
- OKLab
- oklab(0.669 -0.026 0.055)
- CIE Lab
- lab(62.19 -8.12 21.77)
- LCH
- lch(62.19 23.24 110.5)
- CMYK
- cmyk(5% 0% 28% 40%)
Tinte · Ombre · Toni
Tinte
- 9DA47D
- A8AE8B
- B2B899
- BDC2A7
- C7CCB5
- D2D6C4
- DDE0D2
- E8EAE1
- F4F5F0
Ombre
- 7F8560
- 6C7151
- 595E42
- 474B34
- 363927
- 25271A
- 16170E
- 080904
- 010101
Toni
- 919771
- 8F9573
- 8D9275
- 8B9077
- 898D78
- 878A7A
- 86887C
- 84857D
- 82837F
Armonie di colore
Complementare +180°
- 939A6F
Guacamole
- 988EB7
≈ Purple Agate
Analogo -30° +30°
- 939A6F
Guacamole
- A6936A
≈ Sweet Sparrow
- 7E9F7F
≈ Aquadulce
Triadico +120° +240°
- 939A6F
Guacamole
- 709BB6
≈ Ocean View
- B48696
≈ Punched Pink
Complementare divisa +150° +210°
- 939A6F
Guacamole
- 8395BB
≈ Soothsayer
- A988AA
≈ Dusty Lavender
Tetradico +90° +180° +270°
- 939A6F
Guacamole
- 67A0A7
≈ Aqua Sea
- 988EB7
≈ Purple Agate
- B88782
≈ Toki Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.96:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.09:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--guacamole: #939a6f;
--guacamole-rgb: 147 154 111;
--guacamole-oklch: oklch(0.669 0.061 115.6);
}
.element {
color: var(--guacamole);
background-color: hsl(70 18% 52%);
border-color: oklch(0.669 0.061 115.6);
}Tailwind CSS v4
@theme {
--color-guacamole: #939a6f;
--color-guacamole-50: #f3f8e5;
--color-guacamole-100: #e6ebd4;
--color-guacamole-200: #d2d8bb;
--color-guacamole-300: #b4bc99;
--color-guacamole-400: #9ca37a;
--color-guacamole-500: #848b5c;
--color-guacamole-600: #70764f;
--color-guacamole-700: #595e3f;
--color-guacamole-800: #42452c;
--color-guacamole-900: #2e301e;
--color-guacamole-950: #1a1c0e;
}SCSS
$guacamole: #939a6f;
$guacamole-rgb: 147, 154, 111;
$guacamole-light: mix(#fff, $guacamole, 20%);
$guacamole-dark: mix(#000, $guacamole, 20%);
.element {
color: $guacamole;
box-shadow: 0 0 0 2px rgba($guacamole, 0.35);
}