Colore con nome · #664400
Notorious Neanderthal
Notorious Neanderthal è #664400: rgb(102 68 0), hsl(40 100% 20%), oklch(0.415 0.087 76.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Notorious Neanderthal color name →
#664400
oklch(0.415 0.087 76.5)
Conversioni di colore
- HEX
- #664400
- RGB
- rgb(102 68 0)
- HSL
- hsl(40 100% 20%)
- HWB
- hwb(40 0% 60%)
- OKLCH
- oklch(0.415 0.087 76.5)
- OKLab
- oklab(0.415 0.02 0.085)
- CIE Lab
- lab(32.03 11.21 41.15)
- LCH
- lch(32.03 42.65 74.8)
- CMYK
- cmyk(0% 33% 100% 60%)
Tinte · Ombre · Toni
Tinte
- 755523
- 83673C
- 927954
- A18B6B
- B09E83
- C0B09B
- CFC4B3
- DFD7CC
- EFEBE5
Ombre
- 583A00
- 4A3000
- 3C2600
- 2F1D00
- 231400
- 170C00
- 0C0500
- 040200
- 000000
Toni
- 694A17
- 6C5025
- 6E5632
- 715C3E
- 746249
- 766854
- 796E5F
- 7B746A
- 7E7A75
Armonie di colore
Complementare +180°
- 664400
Notorious Neanderthal
- 2A4C7A
≈ Mykonos Reflection
Analogo -30° +30°
- 664400
Notorious Neanderthal
- 713B1E
≈ Peruvian Soil
- 524E03
≈ Scorzonera Brown
Triadico +120° +240°
- 664400
Notorious Neanderthal
- 005758
≈ Deep Sea Green
- 5E3C6B
≈ Purple Splendour
Complementare divisa +150° +210°
- 664400
Notorious Neanderthal
- 00546D
≈ Blue Palisade
- 494378
≈ Deep Wisteria
Tetradico +90° +180° +270°
- 664400
Notorious Neanderthal
- 005A41
≈ Billiard Table
- 2A4C7A
≈ Mykonos Reflection
- 6D3655
≈ Blasted Lands Rocks
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.77:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.39:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.77:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--notorious-neanderthal: #664400;
--notorious-neanderthal-rgb: 102 68 0;
--notorious-neanderthal-oklch: oklch(0.415 0.087 76.5);
}
.element {
color: var(--notorious-neanderthal);
background-color: hsl(40 100% 20%);
border-color: oklch(0.415 0.087 76.5);
}Tailwind CSS v4
@theme {
--color-notorious-neanderthal: #664400;
--color-notorious-neanderthal-50: #fff3da;
--color-notorious-neanderthal-100: #f8e5c8;
--color-notorious-neanderthal-200: #e9d0ab;
--color-notorious-neanderthal-300: #d0b385;
--color-notorious-neanderthal-400: #bc9862;
--color-notorious-neanderthal-500: #a77e3e;
--color-notorious-neanderthal-600: #8d6b36;
--color-notorious-neanderthal-700: #71552b;
--color-notorious-neanderthal-800: #543e1e;
--color-notorious-neanderthal-900: #3b2a13;
--color-notorious-neanderthal-950: #251805;
}SCSS
$notorious-neanderthal: #664400;
$notorious-neanderthal-rgb: 102, 68, 0;
$notorious-neanderthal-light: mix(#fff, $notorious-neanderthal, 20%);
$notorious-neanderthal-dark: mix(#000, $notorious-neanderthal, 20%);
.element {
color: $notorious-neanderthal;
box-shadow: 0 0 0 2px rgba($notorious-neanderthal, 0.35);
}