Benannte Farbe · #6C3550
Blasted Lands Rocks
Blasted Lands Rocks ist #6C3550: rgb(108 53 80), hsl(331 34% 32%), oklch(0.409 0.085 350.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Blasted Lands Rocks color name →
#6C3550
oklch(0.409 0.085 350.8)
Farbumrechnungen
- HEX
- #6c3550
- RGB
- rgb(108 53 80)
- HSL
- hsl(331 34% 32%)
- HWB
- hwb(331 21% 58%)
- OKLCH
- oklch(0.409 0.085 350.8)
- OKLab
- oklab(0.409 0.084 -0.014)
- CIE Lab
- lab(30.34 27.55 -4.88)
- LCH
- lch(30.34 27.98 350)
- CMYK
- cmyk(0% 51% 26% 58%)
Tints · Shades · Tones
Tints
- 7B4860
- 8A5B70
- 986E81
- A78192
- B695A3
- C4AAB5
- D3BFC7
- E2D4D9
- F0E9EC
Shades
- 5D2D44
- 4E2539
- 401D2E
- 321524
- 250E1A
- 190810
- 0D0307
- 040102
- 000000
Tones
- 6F3D55
- 714459
- 744C5E
- 765363
- 785B68
- 7A626C
- 7C6A71
- 7D7176
- 7F797B
Farbharmonien
Komplementär +180°
- 6C3550
Blasted Lands Rocks
- 005844
≈ Billiard Table
Analog -30° +30°
- 6C3550
Blasted Lands Rocks
- 5F3A66
≈ Purple Splendour
- 713536
≈ Garnet
Triadisch +120° +240°
- 6C3550
Blasted Lands Rocks
- 4D4E08
≈ Scorzonera Brown
- 00516E
≈ Captain Blue
Geteilt komplementär +150° +210°
- 6C3550
Blasted Lands Rocks
- 2E5527
≈ Moor-Monster
- 005559
≈ Deep Teal
Tetradisch +90° +180° +270°
- 6C3550
Blasted Lands Rocks
- 614400
≈ Mud Brown
- 005844
≈ Billiard Table
- 2F4978
≈ Dragonfly
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.28:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.26:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.28:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--blasted-lands-rocks: #6c3550;
--blasted-lands-rocks-rgb: 108 53 80;
--blasted-lands-rocks-oklch: oklch(0.409 0.085 350.8);
}
.element {
color: var(--blasted-lands-rocks);
background-color: hsl(331 34% 32%);
border-color: oklch(0.409 0.085 350.8);
}Tailwind CSS v4
@theme {
--color-blasted-lands-rocks: #6c3550;
--color-blasted-lands-rocks-50: #ffecf7;
--color-blasted-lands-rocks-100: #ffddea;
--color-blasted-lands-rocks-200: #f3c6d7;
--color-blasted-lands-rocks-300: #dba6bb;
--color-blasted-lands-rocks-400: #c68aa5;
--color-blasted-lands-rocks-500: #b16e8d;
--color-blasted-lands-rocks-600: #965d78;
--color-blasted-lands-rocks-700: #784b60;
--color-blasted-lands-rocks-800: #583647;
--color-blasted-lands-rocks-900: #3e2531;
--color-blasted-lands-rocks-950: #27131d;
}SCSS
$blasted-lands-rocks: #6c3550;
$blasted-lands-rocks-rgb: 108, 53, 80;
$blasted-lands-rocks-light: mix(#fff, $blasted-lands-rocks, 20%);
$blasted-lands-rocks-dark: mix(#000, $blasted-lands-rocks, 20%);
.element {
color: $blasted-lands-rocks;
box-shadow: 0 0 0 2px rgba($blasted-lands-rocks, 0.35);
}