Colore con nome più vicino · #9F9759
#9F9759
Colore con nome più vicino: Gremlin
#9F9759 (rgb(159 151 89), hsl(53 28% 49%), oklch(0.669 0.083 101.9)) è più vicino al colore con nome Gremlin. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9F9759
oklch(0.669 0.083 101.9)
Conversioni di colore
- HEX
- #9f9759
- RGB
- rgb(159 151 89)
- HSL
- hsl(53 28% 49%)
- HWB
- hwb(53 35% 38%)
- OKLCH
- oklch(0.669 0.083 101.9)
- OKLab
- oklab(0.669 -0.017 0.081)
- CIE Lab
- lab(62.09 -3.66 33.65)
- LCH
- lch(62.09 33.85 96.2)
- CMYK
- cmyk(0% 5% 44% 38%)
Tinte · Ombre · Toni
Tinte
- A8A16A
- B1AB7A
- BBB68B
- C4C09B
- CECAAC
- D7D5BC
- E1DFCD
- EBEADD
- F5F4EE
Ombre
- 8A834C
- 756F40
- 615C34
- 4D4928
- 3B371D
- 292613
- 181709
- 090803
- 010100
Toni
- 9C955E
- 999363
- 959067
- 928E6B
- 8F8C6F
- 8C8973
- 898776
- 86857A
- 83827D
Armonie di colore
Complementare +180°
- 9F9759
Gremlin
- 8C8FC7
≈ Bailey Bells
Analogo -30° +30°
- 9F9759
Gremlin
- B58D5A
≈ Breadstick
- 82A06A
≈ Pickle
Triadico +120° +240°
- 9F9759
Gremlin
- 55A1BA
≈ Inuit
- B981A3
≈ Opera Mauve
Complementare divisa +150° +210°
- 9F9759
Gremlin
- 6F98C7
≈ Windstorm
- A686BA
≈ Purple Statice
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.98:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.04:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--gremlin: #9f9759;
--gremlin-rgb: 159 151 89;
--gremlin-oklch: oklch(0.669 0.083 101.9);
}
.element {
color: var(--gremlin);
background-color: hsl(53 28% 49%);
border-color: oklch(0.669 0.083 101.9);
}Tailwind CSS v4
@theme {
--color-gremlin: #9f9759;
--color-gremlin-50: #f9f7dc;
--color-gremlin-100: #eceaca;
--color-gremlin-200: #dad7ae;
--color-gremlin-300: #beba88;
--color-gremlin-400: #a8a166;
--color-gremlin-500: #918843;
--color-gremlin-600: #7b7339;
--color-gremlin-700: #625c2e;
--color-gremlin-800: #49431f;
--color-gremlin-900: #332e14;
--color-gremlin-950: #1e1b06;
}SCSS
$gremlin: #9f9759;
$gremlin-rgb: 159, 151, 89;
$gremlin-light: mix(#fff, $gremlin, 20%);
$gremlin-dark: mix(#000, $gremlin, 20%);
.element {
color: $gremlin;
box-shadow: 0 0 0 2px rgba($gremlin, 0.35);
}