Najbliższy nazwany kolor · #651D19
#651D19
Najbliższy nazwany kolor: Bloodlust
#651D19 (rgb(101 29 25), hsl(3 60% 25%), oklch(0.346 0.104 27.1)) jest najbliższy nazwanemu kolorowi Bloodlust. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#651D19
oklch(0.346 0.104 27.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 75342E
- 854943
- 955F58
- A5746E
- B48A85
- C3A19C
- D3B8B4
- E1CFCD
- F0E7E6
Odcienie ciemniejsze
- 571814
- 491310
- 3C0E0B
- 2F0907
- 220504
- 170302
- 0C0101
- 030000
- 000000
Tony
- 692923
- 6D332D
- 703D37
- 744742
- 76504C
- 795A56
- 7B6360
- 7D6D6B
- 7F7675
Harmonie kolorów
Komplementarna +180°
- 651D19
Bloodlust
- 004249
≈ Warm Black
Analogowa -30° +30°
- 651D19
Bloodlust
- 611C3A
≈ Soul Anchor
- 592C00
≈ Count Chocula
Triada +120° +240°
- 651D19
Bloodlust
- 004715
≈ Borg Drone
- 21346F
≈ Atlantic Navy
Komplementarna rozszczepiona +150° +210°
- 651D19
Bloodlust
- 004439
≈ UP Forest Green
- 003E5C
≈ Maniac Mansion
Tetrada +90° +180° +270°
- 651D19
Bloodlust
- 373E00
≈ Dark Olive
- 004249
≈ Warm Black
- 402A68
≈ Her Highness
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.04:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.74:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
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);
}