Màu có tên · #771100
Sang de Boeuf
Sang de Boeuf là #771100: rgb(119 17 0), hsl(9 100% 23%), oklch(0.367 0.138 32.3). 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.
What does Red mean? → · Sang de Boeuf color name →
#771100
oklch(0.367 0.138 32.3)
Chuyển đổi màu
- HEX
- #771100
- RGB
- rgb(119 17 0)
- HSL
- hsl(9 100% 23%)
- HWB
- hwb(9 0% 53%)
- OKLCH
- oklch(0.367 0.138 32.3)
- OKLab
- oklab(0.367 0.116 0.074)
- CIE Lab
- lab(25.28 42.48 37.71)
- LCH
- lch(25.28 56.8 41.6)
- CMYK
- cmyk(0% 86% 100% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 872F1F
- 964637
- A45D4F
- B27366
- C08A7F
- CDA197
- DAB8B0
- E7CFCA
- F3E7E4
Sắc đậm
- 670D00
- 570900
- 470600
- 380400
- 2A0200
- 1C0100
- 100000
- 050000
- 010000
Sắc xám
- 7A2213
- 7C2F21
- 7E3B2E
- 80453A
- 815046
- 825A51
- 82635D
- 826D68
- 817774
Hòa sắc
Bổ túc +180°
- 771100
Sang de Boeuf
- 004853
≈ Midnight Green
Tương đồng -30° +30°
- 771100
Sang de Boeuf
- 740C39
≈ Merlot
- 5E3300
≈ Chocolate Fantasies
Bộ ba +120° +240°
- 771100
Sang de Boeuf
- 004D24
≈ Troll Green
- 293386
≈ Ritterlich Blue
Bổ túc chia +150° +210°
- 771100
Sang de Boeuf
- 004A42
≈ Tropical Forest
- 004369
≈ Lush Aqua
Bộ bốn +90° +180° +270°
- 771100
Sang de Boeuf
- 374600
≈ Garden Shadow
- 004853
≈ Midnight Green
- 4E2579
≈ Spanish Violet
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.26:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.86:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 11.26:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--sang-de-boeuf: #771100;
--sang-de-boeuf-rgb: 119 17 0;
--sang-de-boeuf-oklch: oklch(0.367 0.138 32.3);
}
.element {
color: var(--sang-de-boeuf);
background-color: hsl(9 100% 23%);
border-color: oklch(0.367 0.138 32.3);
}Tailwind CSS v4
@theme {
--color-sang-de-boeuf: #771100;
--color-sang-de-boeuf-50: #ffe8db;
--color-sang-de-boeuf-100: #ffd8ca;
--color-sang-de-boeuf-200: #ffbfad;
--color-sang-de-boeuf-300: #f59d88;
--color-sang-de-boeuf-400: #e47d69;
--color-sang-de-boeuf-500: #d15d48;
--color-sang-de-boeuf-600: #b1503d;
--color-sang-de-boeuf-700: #8e4031;
--color-sang-de-boeuf-800: #6a2d24;
--color-sang-de-boeuf-900: #4b1e18;
--color-sang-de-boeuf-950: #310e09;
}SCSS
$sang-de-boeuf: #771100;
$sang-de-boeuf-rgb: 119, 17, 0;
$sang-de-boeuf-light: mix(#fff, $sang-de-boeuf, 20%);
$sang-de-boeuf-dark: mix(#000, $sang-de-boeuf, 20%);
.element {
color: $sang-de-boeuf;
box-shadow: 0 0 0 2px rgba($sang-de-boeuf, 0.35);
}