Benannte Farbe · #8B352D
Kiriume Red
Kiriume Red ist #8B352D: rgb(139 53 45), hsl(5 51% 36%), oklch(0.449 0.119 28.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Kiriume Red color name →
#8B352D
oklch(0.449 0.119 28.1)
Farbumrechnungen
- HEX
- #8b352d
- RGB
- rgb(139 53 45)
- HSL
- hsl(5 51% 36%)
- HWB
- hwb(5 18% 45%)
- OKLCH
- oklch(0.449 0.119 28.1)
- OKLab
- oklab(0.449 0.105 0.056)
- CIE Lab
- lab(34.91 36.95 24.78)
- LCH
- lch(34.91 44.49 33.8)
- CMYK
- cmyk(0% 62% 68% 45%)
Tints · Shades · Tones
Tints
- 984941
- A55D54
- B17168
- BD847C
- C99891
- D4ACA6
- DFC1BC
- EAD5D2
- F5EAE8
Shades
- 782D26
- 66251F
- 541D18
- 431511
- 320E0B
- 230806
- 140302
- 070101
- 010000
Tones
- 8B3E36
- 8B463E
- 8B4E46
- 8A564F
- 895D57
- 88645F
- 876B67
- 85726F
- 837978
Farbharmonien
Komplementär +180°
- 8B352D
Kiriume Red
- 00606B
≈ Petrol
Analog -30° +30°
- 8B352D
Kiriume Red
- 863354
≈ Raspberry Radiance
- 804300
≈ Russet
Triadisch +120° +240°
- 8B352D
Kiriume Red
- 14662B
≈ Treasured Wilderness
- 394F96
≈ Chinese Blue
Geteilt komplementär +150° +210°
- 8B352D
Kiriume Red
- 006455
≈ Philodendron
- 005B85
≈ High Profile
Tetradisch +90° +180° +270°
- 8B352D
Kiriume Red
- 505C00
≈ Greensboro
- 00606B
≈ Petrol
- 5E438D
≈ Daisy Bush
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.93:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.64:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.93:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--kiriume-red: #8b352d;
--kiriume-red-rgb: 139 53 45;
--kiriume-red-oklch: oklch(0.449 0.119 28.1);
}
.element {
color: var(--kiriume-red);
background-color: hsl(5 51% 36%);
border-color: oklch(0.449 0.119 28.1);
}Tailwind CSS v4
@theme {
--color-kiriume-red: #8b352d;
--color-kiriume-red-50: #ffe9e1;
--color-kiriume-red-100: #ffdad1;
--color-kiriume-red-200: #ffc2b6;
--color-kiriume-red-300: #eea093;
--color-kiriume-red-400: #dc8276;
--color-kiriume-red-500: #c96458;
--color-kiriume-red-600: #aa554b;
--color-kiriume-red-700: #88443c;
--color-kiriume-red-800: #65302c;
--color-kiriume-red-900: #47211e;
--color-kiriume-red-950: #2e100e;
}SCSS
$kiriume-red: #8b352d;
$kiriume-red-rgb: 139, 53, 45;
$kiriume-red-light: mix(#fff, $kiriume-red, 20%);
$kiriume-red-dark: mix(#000, $kiriume-red, 20%);
.element {
color: $kiriume-red;
box-shadow: 0 0 0 2px rgba($kiriume-red, 0.35);
}