Benannte Farbe · #887B69
Native Soil
Native Soil ist #887B69: rgb(136 123 105), hsl(35 13% 47%), oklch(0.59 0.031 76). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Native Soil color name →
#887B69
oklch(0.59 0.031 76)
Farbumrechnungen
- HEX
- #887b69
- RGB
- rgb(136 123 105)
- HSL
- hsl(35 13% 47%)
- HWB
- hwb(35 41% 47%)
- OKLCH
- oklch(0.59 0.031 76)
- OKLab
- oklab(0.59 0.007 0.03)
- CIE Lab
- lab(52.44 2.88 11.79)
- LCH
- lch(52.44 12.14 76.3)
- CMYK
- cmyk(0% 10% 23% 47%)
Tints · Shades · Tones
Tints
- 938777
- 9F9485
- AAA194
- B6AEA2
- C2BBB1
- CEC8C0
- DAD6D0
- E6E3DF
- F3F1EF
Shades
- 756A5A
- 635A4C
- 524A3E
- 413A31
- 312C24
- 221E18
- 13100C
- 060504
- 010100
Tones
- 877C6B
- 867C6E
- 867D70
- 857D72
- 847E75
- 837E77
- 827F79
- 827F7B
- 81807E
Farbharmonien
Komplementär +180°
- 887B69
Native Soil
- 717E90
≈ Chain Gang Grey
Analog -30° +30°
- 887B69
Native Soil
- 8E786E
≈ Chocolate Heart
- 7F7F6A
≈ Ivy Garden
Triadisch +120° +240°
- 887B69
Native Soil
- 688383
≈ Rock Creek
- 85788A
≈ High Note
Geteilt komplementär +150° +210°
- 887B69
Native Soil
- 6A818B
≈ Citadel
- 7B7B8F
≈ Waterloo
Tetradisch +90° +180° +270°
- 887B69
Native Soil
- 6C8379
≈ Blueridge Fir
- 717E90
≈ Chain Gang Grey
- 8C7681
≈ Purple Rubiate
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.13:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.08:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--native-soil: #887b69;
--native-soil-rgb: 136 123 105;
--native-soil-oklch: oklch(0.59 0.031 76);
}
.element {
color: var(--native-soil);
background-color: hsl(35 13% 47%);
border-color: oklch(0.59 0.031 76);
}Tailwind CSS v4
@theme {
--color-native-soil: #887b69;
--color-native-soil-50: #faf4ec;
--color-native-soil-100: #eee7dd;
--color-native-soil-200: #dcd3c6;
--color-native-soil-300: #c0b6a6;
--color-native-soil-400: #a99c8b;
--color-native-soil-500: #928470;
--color-native-soil-600: #7c705f;
--color-native-soil-700: #63594c;
--color-native-soil-800: #494137;
--color-native-soil-900: #332d25;
--color-native-soil-950: #1e1a14;
}SCSS
$native-soil: #887b69;
$native-soil-rgb: 136, 123, 105;
$native-soil-light: mix(#fff, $native-soil, 20%);
$native-soil-dark: mix(#000, $native-soil, 20%);
.element {
color: $native-soil;
box-shadow: 0 0 0 2px rgba($native-soil, 0.35);
}