命名颜色 · #BB012D
Red Dead Redemption
Red Dead Redemption 即 #BB012D：rgb(187 1 45)、hsl(346 99% 37%)、oklch(0.501 0.201 20.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Red Dead Redemption color name →
#BB012D
oklch(0.501 0.201 20.7)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- C53442
- CF5056
- D8686A
- E07E7E
- E79493
- EDAAA8
- F3BFBD
- F8D4D3
- FCEAE9
深色调
- A20126
- 8A011F
- 730018
- 5C0011
- 46000B
- 320006
- 1F0002
- 0D0001
- 020000
灰色调
- B72536
- B3363F
- AF4348
- AA4E50
- A45858
- 9E6160
- 986968
- 917170
- 897978
配色和谐
互补色 +180°
- BB012D
Red Dead Redemption
- 007277
≈ Essential Teal
类似色 -30° +30°
- BB012D
Red Dead Redemption
- AF0F72
≈ Fabric of Love
- 9C4800
≈ Oregon
三角配色 +120° +240°
- BB012D
Red Dead Redemption
- 1C7800
≈ Botanical Beauty
- 0D59D3
≈ Bnei Brak Bay
分裂互补色 +150° +210°
- BB012D
Red Dead Redemption
- 00755C
≈ Tropical Rainforest
- 006D92
≈ Pure Light Blue
四角配色 +90° +180° +270°
- BB012D
Red Dead Redemption
- 676800
≈ Earthy Khaki Green
- 007277
≈ Essential Teal
- 6941CA
≈ Dragonlord Purple
对比度与无障碍
Ag
AA白底
WCAG 6.65:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.15:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
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);
}