Nazwany kolor · #A05A3B
Ground Nutmeg
Ground Nutmeg to #A05A3B: rgb(160 90 59), hsl(18 46% 43%), oklch(0.542 0.102 44). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ground Nutmeg color name →
#A05A3B
oklch(0.542 0.102 44)
Konwersje koloru
- HEX
- #a05a3b
- RGB
- rgb(160 90 59)
- HSL
- hsl(18 46% 43%)
- HWB
- hwb(18 23% 37%)
- OKLCH
- oklch(0.542 0.102 44)
- OKLab
- oklab(0.542 0.074 0.071)
- CIE Lab
- lab(46.2 27.34 30.81)
- LCH
- lch(46.2 41.19 48.4)
- CMYK
- cmyk(0% 44% 63% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AA6A4E
- B47A61
- BE8A74
- C89A87
- D2AB9A
- DBBBAE
- E4CCC2
- EDDDD6
- F6EEEA
Odcienie ciemniejsze
- 8B4D32
- 764129
- 613521
- 4E2919
- 3B1E11
- 291309
- 190904
- 090301
- 010000
Tony
- 9D5E43
- 9B634A
- 986751
- 956B58
- 926E5F
- 8F7266
- 8C766D
- 887973
- 847D7A
Harmonie kolorów
Komplementarna +180°
- A05A3B
Ground Nutmeg
- 007B9B
≈ Sea Sight
Analogowa -30° +30°
- A05A3B
Ground Nutmeg
- A2545D
≈ Cuban Rhythm
- 92651E
≈ Tapenade
Triada +120° +240°
- A05A3B
Ground Nutmeg
- 24825F
≈ Shadows of Time
- 6866A9
≈ Blue Iris
Komplementarna rozszczepiona +150° +210°
- A05A3B
Ground Nutmeg
- 00807F
≈ Teal
- 4371A9
≈ Flat Blue
Tetrada +90° +180° +270°
- A05A3B
Ground Nutmeg
- 567C3C
≈ Luck of the Irish
- 007B9B
≈ Sea Sight
- 855C99
≈ Purple Squid
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.02:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--ground-nutmeg: #a05a3b;
--ground-nutmeg-rgb: 160 90 59;
--ground-nutmeg-oklch: oklch(0.542 0.102 44);
}
.element {
color: var(--ground-nutmeg);
background-color: hsl(18 46% 43%);
border-color: oklch(0.542 0.102 44);
}Tailwind CSS v4
@theme {
--color-ground-nutmeg: #a05a3b;
--color-ground-nutmeg-50: #ffeddd;
--color-ground-nutmeg-100: #ffdecc;
--color-ground-nutmeg-200: #fac7b0;
--color-ground-nutmeg-300: #e4a78b;
--color-ground-nutmeg-400: #d18a6c;
--color-ground-nutmeg-500: #be6e4b;
--color-ground-nutmeg-600: #a05e40;
--color-ground-nutmeg-700: #814b33;
--color-ground-nutmeg-800: #603625;
--color-ground-nutmeg-900: #432519;
--color-ground-nutmeg-950: #2b1309;
}SCSS
$ground-nutmeg: #a05a3b;
$ground-nutmeg-rgb: 160, 90, 59;
$ground-nutmeg-light: mix(#fff, $ground-nutmeg, 20%);
$ground-nutmeg-dark: mix(#000, $ground-nutmeg, 20%);
.element {
color: $ground-nutmeg;
box-shadow: 0 0 0 2px rgba($ground-nutmeg, 0.35);
}