Màu có tên gần nhất · #651D19
#651D19
Màu có tên gần nhất: Bloodlust
#651D19 (rgb(101 29 25), hsl(3 60% 25%), oklch(0.346 0.104 27.1)) gần nhất với màu có tên Bloodlust. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#651D19
oklch(0.346 0.104 27.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 75342E
- 854943
- 955F58
- A5746E
- B48A85
- C3A19C
- D3B8B4
- E1CFCD
- F0E7E6
Sắc đậm
- 571814
- 491310
- 3C0E0B
- 2F0907
- 220504
- 170302
- 0C0101
- 030000
- 000000
Sắc xám
- 692923
- 6D332D
- 703D37
- 744742
- 76504C
- 795A56
- 7B6360
- 7D6D6B
- 7F7675
Hòa sắc
Bổ túc +180°
- 651D19
Bloodlust
- 004249
≈ Warm Black
Tương đồng -30° +30°
- 651D19
Bloodlust
- 611C3A
≈ Soul Anchor
- 592C00
≈ Count Chocula
Bộ ba +120° +240°
- 651D19
Bloodlust
- 004715
≈ Borg Drone
- 21346F
≈ Atlantic Navy
Bổ túc chia +150° +210°
- 651D19
Bloodlust
- 004439
≈ UP Forest Green
- 003E5C
≈ Maniac Mansion
Bộ bốn +90° +180° +270°
- 651D19
Bloodlust
- 373E00
≈ Dark Olive
- 004249
≈ Warm Black
- 402A68
≈ Her Highness
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 12.04:1 · APCA Lc 97
Ag
FailTrên nền đen
WCAG 1.74:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
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);
}