色名 · #B4090D
Red Lust
Red Lustは#B4090D：rgb(180 9 13)、hsl(359 90% 37%)、oklch(0.487 0.195 28.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Red Lust color name →
#B4090D
oklch(0.487 0.195 28.3)
カラー変換
- HEX
- #b4090d
- RGB
- rgb(180 9 13)
- HSL
- hsl(359 90% 37%)
- HWB
- hwb(359 4% 29%)
- OKLCH
- oklch(0.487 0.195 28.3)
- OKLab
- oklab(0.487 0.172 0.092)
- CIE Lab
- lab(38.51 61.34 48.83)
- LCH
- lch(38.51 78.4 38.5)
- CMYK
- cmyk(0% 95% 93% 29%)
ティント · シェード · トーン
ティント
- BF362D
- C95045
- D2685C
- DB7E72
- E39489
- EAA9A0
- F1BFB7
- F6D4CF
- FBE9E7
シェード
- 9C070A
- 850507
- 6E0305
- 580203
- 440102
- 300101
- 1D0000
- 0C0000
- 020000
トーン
- B12720
- AD372E
- AA4339
- A54E44
- A1584F
- 9B6159
- 966963
- 8F716D
- 887976
カラーハーモニー
補色 +180°
- B4090D
Red Lust
- 006C78
≈ Toadstool Teal
類似色 -30° +30°
- B4090D
Red Lust
- AD065E
≈ Plum Paradise
- 8F4C00
≈ Parasite Brown
トライアド +120° +240°
- B4090D
Red Lust
- 00742C
≈ Clear Green
- 334FCC
≈ New Car
スプリットコンプリメンタリー +150° +210°
- B4090D
Red Lust
- 007060
≈ Falcon Turquoise
- 006795
≈ Peacock Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.03:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 2.98:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--red-lust: #b4090d;
--red-lust-rgb: 180 9 13;
--red-lust-oklch: oklch(0.487 0.195 28.3);
}
.element {
color: var(--red-lust);
background-color: hsl(359 90% 37%);
border-color: oklch(0.487 0.195 28.3);
}Tailwind CSS v4
@theme {
--color-red-lust: #b4090d;
--color-red-lust-50: #ffe1d4;
--color-red-lust-100: #ffd0c1;
--color-red-lust-200: #ffb4a2;
--color-red-lust-300: #ff8d7a;
--color-red-lust-400: #fd6759;
--color-red-lust-500: #eb3a31;
--color-red-lust-600: #c7342b;
--color-red-lust-700: #a02922;
--color-red-lust-800: #781c1a;
--color-red-lust-900: #551211;
--color-red-lust-950: #380304;
}SCSS
$red-lust: #b4090d;
$red-lust-rgb: 180, 9, 13;
$red-lust-light: mix(#fff, $red-lust, 20%);
$red-lust-dark: mix(#000, $red-lust, 20%);
.element {
color: $red-lust;
box-shadow: 0 0 0 2px rgba($red-lust, 0.35);
}