Benannte Farbe · #9A6200
Raw Sienna
Raw Sienna ist #9A6200: rgb(154 98 0), hsl(38 100% 30%), oklch(0.544 0.117 70.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Raw Sienna color name →
#9A6200
oklch(0.544 0.117 70.8)
Farbumrechnungen
- HEX
- #9a6200
- RGB
- rgb(154 98 0)
- HSL
- hsl(38 100% 30%)
- HWB
- hwb(38 0% 40%)
- OKLCH
- oklch(0.544 0.117 70.8)
- OKLab
- oklab(0.544 0.038 0.111)
- CIE Lab
- lab(46.9 18.77 54.33)
- LCH
- lch(46.9 57.48 70.9)
- CMYK
- cmyk(0% 36% 100% 40%)
Tints · Shades · Tones
Tints
- A4712D
- AF8147
- B9905F
- C3A076
- CDAF8C
- D7BFA3
- E1CFBA
- EBDFD1
- F5EFE8
Shades
- 855400
- 714700
- 5E3A00
- 4B2D00
- 392100
- 271600
- 170B00
- 090300
- 010000
Tones
- 98661E
- 96692F
- 936C3C
- 916F47
- 8E7251
- 8C755B
- 897865
- 867B6E
- 837D77
Farbharmonien
Komplementär +180°
- 9A6200
Raw Sienna
- 3473B1
≈ Campanula
Analog -30° +30°
- 9A6200
Raw Sienna
- A85536
≈ Hyacinth Red
- 7F7100
≈ Sunlit Kelp Green
Triadisch +120° +240°
- 9A6200
Raw Sienna
- 00817D
≈ Belly Flop
- 865AA2
≈ Sonic Plum
Geteilt komplementär +150° +210°
- 9A6200
Raw Sienna
- 007C98
≈ Mosaic Blue
- 6466B2
≈ Bluish Purple Anemone
Tetradisch +90° +180° +270°
- 9A6200
Raw Sienna
- 108459
≈ Metallic Green
- 3473B1
≈ Campanula
- 9C5284
≈ Feminism
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.09:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.12:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--raw-sienna: #9a6200;
--raw-sienna-rgb: 154 98 0;
--raw-sienna-oklch: oklch(0.544 0.117 70.8);
}
.element {
color: var(--raw-sienna);
background-color: hsl(38 100% 30%);
border-color: oklch(0.544 0.117 70.8);
}Tailwind CSS v4
@theme {
--color-raw-sienna: #9a6200;
--color-raw-sienna-50: #fff1d1;
--color-raw-sienna-100: #ffe3bd;
--color-raw-sienna-200: #f3cd9d;
--color-raw-sienna-300: #dcae72;
--color-raw-sienna-400: #ca924a;
--color-raw-sienna-500: #b67711;
--color-raw-sienna-600: #9a6514;
--color-raw-sienna-700: #7b5011;
--color-raw-sienna-800: #5c3a0a;
--color-raw-sienna-900: #412807;
--color-raw-sienna-950: #291500;
}SCSS
$raw-sienna: #9a6200;
$raw-sienna-rgb: 154, 98, 0;
$raw-sienna-light: mix(#fff, $raw-sienna, 20%);
$raw-sienna-dark: mix(#000, $raw-sienna, 20%);
.element {
color: $raw-sienna;
box-shadow: 0 0 0 2px rgba($raw-sienna, 0.35);
}