色名 · #BB1E1E
Red Inferno
Red Infernoは#BB1E1E：rgb(187 30 30)、hsl(0 72% 43%)、oklch(0.511 0.191 27.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Red Inferno color name →
#BB1E1E
oklch(0.511 0.191 27.4)
カラー変換
- HEX
- #bb1e1e
- RGB
- rgb(187 30 30)
- HSL
- hsl(0 72% 43%)
- HWB
- hwb(0 12% 27%)
- OKLCH
- oklch(0.511 0.191 27.4)
- OKLab
- oklab(0.511 0.17 0.088)
- CIE Lab
- lab(41.32 60.09 43.52)
- LCH
- lch(41.32 74.19 35.9)
- CMYK
- cmyk(0% 84% 84% 27%)
ティント · シェード · トーン
ティント
- C53F37
- CE584D
- D76E63
- DF8379
- E6988E
- ECADA4
- F2C1BB
- F7D6D1
- FCEAE8
シェード
- A21919
- 8A1313
- 730E0E
- 5C0909
- 460505
- 320303
- 1F0101
- 0D0000
- 020000
トーン
- B7312B
- B33E37
- AE4941
- A9534A
- A45C54
- 9E645D
- 976C66
- 90736F
- 897977
カラーハーモニー
補色 +180°
- BB1E1E
Red Inferno
- 007480
≈ Deep Current
類似色 -30° +30°
- BB1E1E
Red Inferno
- B31D67
≈ Murderous Magenta
- 995000
≈ Warm Brown
トライアド +120° +240°
- BB1E1E
Red Inferno
- 007C2C
≈ Pharmaceutical Green
- 3758D2
≈ Gorgonzola Blue
スプリットコンプリメンタリー +150° +210°
- BB1E1E
Red Inferno
- 007766
≈ Teal Waters
- 006E9E
≈ Disarm
テトラード +90° +180° +270°
- BB1E1E
Red Inferno
- 626E00
≈ Brownish Green
- 007480
≈ Deep Current
- 7542C3
≈ Purple Rain
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.33:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.31:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.33:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--red-inferno: #bb1e1e;
--red-inferno-rgb: 187 30 30;
--red-inferno-oklch: oklch(0.511 0.191 27.4);
}
.element {
color: var(--red-inferno);
background-color: hsl(0 72% 43%);
border-color: oklch(0.511 0.191 27.4);
}Tailwind CSS v4
@theme {
--color-red-inferno: #bb1e1e;
--color-red-inferno-50: #ffe1d6;
--color-red-inferno-100: #ffd0c3;
--color-red-inferno-200: #ffb4a4;
--color-red-inferno-300: #ff8e7d;
--color-red-inferno-400: #fb695d;
--color-red-inferno-500: #ea3d37;
--color-red-inferno-600: #c53630;
--color-red-inferno-700: #9f2b26;
--color-red-inferno-800: #771d1d;
--color-red-inferno-900: #541313;
--color-red-inferno-950: #380405;
}SCSS
$red-inferno: #bb1e1e;
$red-inferno-rgb: 187, 30, 30;
$red-inferno-light: mix(#fff, $red-inferno, 20%);
$red-inferno-dark: mix(#000, $red-inferno, 20%);
.element {
color: $red-inferno;
box-shadow: 0 0 0 2px rgba($red-inferno, 0.35);
}