Màu có tên · #BB012D
Red Dead Redemption
Red Dead Redemption là #BB012D: rgb(187 1 45), hsl(346 99% 37%), oklch(0.501 0.201 20.7). 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? → · Red Dead Redemption color name →
#BB012D
oklch(0.501 0.201 20.7)
Chuyển đổi màu
- HEX
- #bb012d
- RGB
- rgb(187 1 45)
- HSL
- hsl(346 99% 37%)
- HWB
- hwb(346 0% 27%)
- OKLCH
- oklch(0.501 0.201 20.7)
- OKLab
- oklab(0.501 0.188 0.071)
- CIE Lab
- lab(39.98 64.5 33.6)
- LCH
- lch(39.98 72.73 27.5)
- CMYK
- cmyk(0% 99% 76% 27%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C53442
- CF5056
- D8686A
- E07E7E
- E79493
- EDAAA8
- F3BFBD
- F8D4D3
- FCEAE9
Sắc đậm
- A20126
- 8A011F
- 730018
- 5C0011
- 46000B
- 320006
- 1F0002
- 0D0001
- 020000
Sắc xám
- B72536
- B3363F
- AF4348
- AA4E50
- A45858
- 9E6160
- 986968
- 917170
- 897978
Hòa sắc
Bổ túc +180°
- BB012D
Red Dead Redemption
- 007277
≈ Essential Teal
Tương đồng -30° +30°
- BB012D
Red Dead Redemption
- AF0F72
≈ Fabric of Love
- 9C4800
≈ Oregon
Bộ ba +120° +240°
- BB012D
Red Dead Redemption
- 1C7800
≈ Botanical Beauty
- 0D59D3
≈ Bnei Brak Bay
Bổ túc chia +150° +210°
- BB012D
Red Dead Redemption
- 00755C
≈ Tropical Rainforest
- 006D92
≈ Pure Light Blue
Bộ bốn +90° +180° +270°
- BB012D
Red Dead Redemption
- 676800
≈ Earthy Khaki Green
- 007277
≈ Essential Teal
- 6941CA
≈ Dragonlord Purple
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.65:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.15:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--red-dead-redemption: #bb012d;
--red-dead-redemption-rgb: 187 1 45;
--red-dead-redemption-oklch: oklch(0.501 0.201 20.7);
}
.element {
color: var(--red-dead-redemption);
background-color: hsl(346 99% 37%);
border-color: oklch(0.501 0.201 20.7);
}Tailwind CSS v4
@theme {
--color-red-dead-redemption: #bb012d;
--color-red-dead-redemption-50: #ffdfdb;
--color-red-dead-redemption-100: #ffcec9;
--color-red-dead-redemption-200: #ffb1ac;
--color-red-dead-redemption-300: #ff8987;
--color-red-dead-redemption-400: #ff626a;
--color-red-dead-redemption-500: #ee3149;
--color-red-dead-redemption-600: #c92d3e;
--color-red-dead-redemption-700: #a22431;
--color-red-dead-redemption-800: #791726;
--color-red-dead-redemption-900: #551019;
--color-red-dead-redemption-950: #39010a;
}SCSS
$red-dead-redemption: #bb012d;
$red-dead-redemption-rgb: 187, 1, 45;
$red-dead-redemption-light: mix(#fff, $red-dead-redemption, 20%);
$red-dead-redemption-dark: mix(#000, $red-dead-redemption, 20%);
.element {
color: $red-dead-redemption;
box-shadow: 0 0 0 2px rgba($red-dead-redemption, 0.35);
}