Benannte Farbe · #9B4B20
Rendang
Rendang ist #9B4B20: rgb(155 75 32), hsl(21 66% 37%), oklch(0.506 0.12 46). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rendang color name →
#9B4B20
oklch(0.506 0.12 46)
Farbumrechnungen
- HEX
- #9b4b20
- RGB
- rgb(155 75 32)
- HSL
- hsl(21 66% 37%)
- HWB
- hwb(21 13% 39%)
- OKLCH
- oklch(0.506 0.12 46)
- OKLab
- oklab(0.506 0.083 0.087)
- CIE Lab
- lab(41.88 32.01 40.31)
- LCH
- lch(41.88 51.48 51.5)
- CMYK
- cmyk(0% 52% 79% 39%)
Tints · Shades · Tones
Tints
- A65D39
- B16F4F
- BC8064
- C6927A
- D0A48F
- DAB6A5
- E4C8BB
- EDDAD1
- F6ECE8
Shades
- 86401A
- 723515
- 5E2B0F
- 4B210A
- 391706
- 280E03
- 180601
- 090200
- 010000
Tones
- 99512D
- 975738
- 955D42
- 93624B
- 906855
- 8E6D5D
- 8B7266
- 87776F
- 847B77
Farbharmonien
Komplementär +180°
- 9B4B20
Rendang
- 006F8F
≈ Tropic Sea
Analog -30° +30°
- 9B4B20
Rendang
- 9E444D
≈ Charleston Cherry
- 875B00
≈ Soil of Avagddu
Triadisch +120° +240°
- 9B4B20
Rendang
- 007757
≈ Victoria Peak
- 6058A6
≈ Yuè Guāng Lán Moonlight
Geteilt komplementär +150° +210°
- 9B4B20
Rendang
- 007475
≈ Skobeloff
- 3265A8
≈ International
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.13:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.42:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--rendang: #9b4b20;
--rendang-rgb: 155 75 32;
--rendang-oklch: oklch(0.506 0.12 46);
}
.element {
color: var(--rendang);
background-color: hsl(21 66% 37%);
border-color: oklch(0.506 0.12 46);
}Tailwind CSS v4
@theme {
--color-rendang: #9b4b20;
--color-rendang-50: #ffecd8;
--color-rendang-100: #ffddc6;
--color-rendang-200: #ffc5a8;
--color-rendang-300: #eaa581;
--color-rendang-400: #d9875f;
--color-rendang-500: #c6693a;
--color-rendang-600: #a75a33;
--color-rendang-700: #864828;
--color-rendang-800: #64331d;
--color-rendang-900: #462313;
--color-rendang-950: #2d1105;
}SCSS
$rendang: #9b4b20;
$rendang-rgb: 155, 75, 32;
$rendang-light: mix(#fff, $rendang, 20%);
$rendang-dark: mix(#000, $rendang, 20%);
.element {
color: $rendang;
box-shadow: 0 0 0 2px rgba($rendang, 0.35);
}