Nächste benannte Farbe · #651D19
#651D19
Nächste benannte Farbe: Bloodlust
#651D19 (rgb(101 29 25), hsl(3 60% 25%), oklch(0.346 0.104 27.1)) liegt am nächsten an der benannten Farbe Bloodlust. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#651D19
oklch(0.346 0.104 27.1)
Farbumrechnungen
- HEX
- #651d19
- RGB
- rgb(101 29 25)
- HSL
- hsl(3 60% 25%)
- HWB
- hwb(3 10% 60%)
- OKLCH
- oklch(0.346 0.104 27.1)
- OKLab
- oklab(0.346 0.093 0.048)
- CIE Lab
- lab(23.12 32.63 21.59)
- LCH
- lch(23.12 39.12 33.5)
- CMYK
- cmyk(0% 71% 75% 60%)
Tints · Shades · Tones
Tints
- 75342E
- 854943
- 955F58
- A5746E
- B48A85
- C3A19C
- D3B8B4
- E1CFCD
- F0E7E6
Shades
- 571814
- 491310
- 3C0E0B
- 2F0907
- 220504
- 170302
- 0C0101
- 030000
- 000000
Tones
- 692923
- 6D332D
- 703D37
- 744742
- 76504C
- 795A56
- 7B6360
- 7D6D6B
- 7F7675
Farbharmonien
Komplementär +180°
- 651D19
Bloodlust
- 004249
≈ Warm Black
Analog -30° +30°
- 651D19
Bloodlust
- 611C3A
≈ Soul Anchor
- 592C00
≈ Count Chocula
Triadisch +120° +240°
- 651D19
Bloodlust
- 004715
≈ Borg Drone
- 21346F
≈ Atlantic Navy
Geteilt komplementär +150° +210°
- 651D19
Bloodlust
- 004439
≈ UP Forest Green
- 003E5C
≈ Maniac Mansion
Tetradisch +90° +180° +270°
- 651D19
Bloodlust
- 373E00
≈ Dark Olive
- 004249
≈ Warm Black
- 402A68
≈ Her Highness
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.04:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.74:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--bloodlust: #651d19;
--bloodlust-rgb: 101 29 25;
--bloodlust-oklch: oklch(0.346 0.104 27.1);
}
.element {
color: var(--bloodlust);
background-color: hsl(3 60% 25%);
border-color: oklch(0.346 0.104 27.1);
}Tailwind CSS v4
@theme {
--color-bloodlust: #651d19;
--color-bloodlust-50: #ffebe4;
--color-bloodlust-100: #ffdcd4;
--color-bloodlust-200: #fec4bb;
--color-bloodlust-300: #e8a499;
--color-bloodlust-400: #d5867d;
--color-bloodlust-500: #c26960;
--color-bloodlust-600: #a45951;
--color-bloodlust-700: #834741;
--color-bloodlust-800: #623330;
--color-bloodlust-900: #452320;
--color-bloodlust-950: #2c1210;
}SCSS
$bloodlust: #651d19;
$bloodlust-rgb: 101, 29, 25;
$bloodlust-light: mix(#fff, $bloodlust, 20%);
$bloodlust-dark: mix(#000, $bloodlust, 20%);
.element {
color: $bloodlust;
box-shadow: 0 0 0 2px rgba($bloodlust, 0.35);
}