이름 색상 · #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);
}