Colore con nome più vicino · #9A6300
#9A6300
Colore con nome più vicino: Embarrassed Frog
#9A6300 (rgb(154 99 0), hsl(39 100% 30%), oklch(0.546 0.117 71.7)) è più vicino al colore con nome Embarrassed Frog. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9A6300
oklch(0.546 0.117 71.7)
Conversioni di colore
- HEX
- #9a6300
- RGB
- rgb(154 99 0)
- HSL
- hsl(39 100% 30%)
- HWB
- hwb(39 0% 40%)
- OKLCH
- oklch(0.546 0.117 71.7)
- OKLab
- oklab(0.546 0.037 0.111)
- CIE Lab
- lab(47.15 18.22 54.47)
- LCH
- lch(47.15 57.44 71.5)
- CMYK
- cmyk(0% 36% 100% 40%)
Tinte · Ombre · Toni
Tinte
- A4722D
- AF8147
- B9915F
- C3A076
- CDB08D
- D7BFA3
- E1CFBA
- EBDFD1
- F5EFE8
Ombre
- 855500
- 714700
- 5E3A00
- 4B2E00
- 392100
- 271600
- 170B00
- 090300
- 010000
Toni
- 98661E
- 966A2F
- 936D3C
- 917047
- 8E7352
- 8C765B
- 897865
- 867B6E
- 837E77
Armonie di colore
Complementare +180°
- 9A6300
Embarrassed Frog
- 3773B2
≈ Campanula
Analogo -30° +30°
- 9A6300
Embarrassed Frog
- A85636
≈ Vesuvius
- 7F7200
≈ Sunlit Kelp Green
Triadico +120° +240°
- 9A6300
Embarrassed Frog
- 00817E
≈ Belly Flop
- 875BA2
≈ Sonic Plum
Complementare divisa +150° +210°
- 9A6300
Embarrassed Frog
- 007D9A
≈ Pacific Pleasure
- 6666B3
≈ Bluish Purple Anemone
Tetradico +90° +180° +270°
- 9A6300
Embarrassed Frog
- 0D855B
≈ Primal Green
- 3773B2
≈ Campanula
- 9E5284
≈ Purple Zergling
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.04:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.15:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.04:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--embarrassed-frog: #9a6300;
--embarrassed-frog-rgb: 154 99 0;
--embarrassed-frog-oklch: oklch(0.546 0.117 71.7);
}
.element {
color: var(--embarrassed-frog);
background-color: hsl(39 100% 30%);
border-color: oklch(0.546 0.117 71.7);
}Tailwind CSS v4
@theme {
--color-embarrassed-frog: #9a6300;
--color-embarrassed-frog-50: #fff1d1;
--color-embarrassed-frog-100: #ffe3bd;
--color-embarrassed-frog-200: #f3cd9d;
--color-embarrassed-frog-300: #dcae72;
--color-embarrassed-frog-400: #c9924a;
--color-embarrassed-frog-500: #b57710;
--color-embarrassed-frog-600: #996513;
--color-embarrassed-frog-700: #7b5110;
--color-embarrassed-frog-800: #5c3a0a;
--color-embarrassed-frog-900: #402806;
--color-embarrassed-frog-950: #291600;
}SCSS
$embarrassed-frog: #9a6300;
$embarrassed-frog-rgb: 154, 99, 0;
$embarrassed-frog-light: mix(#fff, $embarrassed-frog, 20%);
$embarrassed-frog-dark: mix(#000, $embarrassed-frog, 20%);
.element {
color: $embarrassed-frog;
box-shadow: 0 0 0 2px rgba($embarrassed-frog, 0.35);
}