最も近い色名 · #B1363A
#B1363A
最も近い色名: Bloodsport
#B1363A（rgb(177 54 58)、hsl(358 53% 45%)、oklch(0.516 0.159 22.9)）に最も近い色名はBloodsportです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B1363A
oklch(0.516 0.159 22.9)
カラー変換
- HEX
- #b1363a
- RGB
- rgb(177 54 58)
- HSL
- hsl(358 53% 45%)
- HWB
- hwb(358 21% 31%)
- OKLCH
- oklch(0.516 0.159 22.9)
- OKLab
- oklab(0.516 0.146 0.062)
- CIE Lab
- lab(42.28 50.55 27.61)
- LCH
- lch(42.28 57.6 28.6)
- CMYK
- cmyk(0% 69% 67% 31%)
ティント · シェード · トーン
ティント
- BB4D4D
- C5625F
- CE7672
- D78985
- DF9D99
- E6B0AD
- EDC4C1
- F4D7D5
- FAEBEA
シェード
- 992E31
- 832528
- 6C1E20
- 571618
- 420F10
- 2F0809
- 1C0304
- 0C0101
- 010000
トーン
- AE4142
- AA4A49
- A65250
- A25A57
- 9D615E
- 996865
- 936E6C
- 8D7472
- 877A79
カラーハーモニー
補色 +180°
- B1363A
Bloodsport
- 00767E
≈ Hypnotic Sea
類似色 -30° +30°
- B1363A
Bloodsport
- A83670
≈ Plum Kingdom
- A04E00
≈ Burnt Bagel
トライアド +120° +240°
- B1363A
Bloodsport
- 1A7D1B
≈ Poblano
- 3462C2
≈ Janitor
スプリットコンプリメンタリー +150° +210°
- B1363A
Bloodsport
- 007A62
≈ Ultramarine Green
- 00719B
≈ Tofino Belue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.07:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.45:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--bloodsport: #b1363a;
--bloodsport-rgb: 177 54 58;
--bloodsport-oklch: oklch(0.516 0.159 22.9);
}
.element {
color: var(--bloodsport);
background-color: hsl(358 53% 45%);
border-color: oklch(0.516 0.159 22.9);
}Tailwind CSS v4
@theme {
--color-bloodsport: #b1363a;
--color-bloodsport-50: #ffe4de;
--color-bloodsport-100: #ffd4cd;
--color-bloodsport-200: #ffbab2;
--color-bloodsport-300: #fe968e;
--color-bloodsport-400: #ee7471;
--color-bloodsport-500: #dc5052;
--color-bloodsport-600: #b94546;
--color-bloodsport-700: #953738;
--color-bloodsport-800: #6f262a;
--color-bloodsport-900: #4e1a1c;
--color-bloodsport-950: #34090c;
}SCSS
$bloodsport: #b1363a;
$bloodsport-rgb: 177, 54, 58;
$bloodsport-light: mix(#fff, $bloodsport, 20%);
$bloodsport-dark: mix(#000, $bloodsport, 20%);
.element {
color: $bloodsport;
box-shadow: 0 0 0 2px rgba($bloodsport, 0.35);
}