最も近い色名 · #B50701
#B50701
最も近い色名: All Systems Red
#B50701（rgb(181 7 1)、hsl(2 99% 36%)、oklch(0.488 0.197 29.6)）に最も近い色名はAll Systems Redです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B50701
oklch(0.488 0.197 29.6)
カラー変換
- HEX
- #b50701
- RGB
- rgb(181 7 1)
- HSL
- hsl(2 99% 36%)
- HWB
- hwb(2 0% 29%)
- OKLCH
- oklch(0.488 0.197 29.6)
- OKLab
- oklab(0.488 0.172 0.097)
- CIE Lab
- lab(38.61 61.73 53.63)
- LCH
- lch(38.61 81.77 41)
- CMYK
- cmyk(0% 96% 99% 29%)
ティント · シェード · トーン
ティント
- C03528
- CA5041
- D36859
- DC7E70
- E39487
- EBAA9F
- F1BFB6
- F6D4CE
- FBEAE6
シェード
- 9D0501
- 860401
- 6F0200
- 590200
- 440100
- 300000
- 1D0000
- 0C0000
- 020000
トーン
- B2261B
- AE372A
- AA4337
- A64E42
- A1584D
- 9C6158
- 966962
- 90716C
- 887976
カラーハーモニー
補色 +180°
- B50701
All Systems Red
- 006C7A
≈ Carnival Night
類似色 -30° +30°
- B50701
All Systems Red
- AE015C
≈ Shy Guy Red
- 8E4D00
≈ Plain Old Brown
トライアド +120° +240°
- B50701
All Systems Red
- 007431
≈ Clear Green
- 374ECD
≈ New Car
スプリットコンプリメンタリー +150° +210°
- B50701
All Systems Red
- 007061
≈ Falcon Turquoise
- 006697
≈ Wavy Navy
テトラード +90° +180° +270°
- B50701
All Systems Red
- 586800
≈ Serrano Pepper
- 006C7A
≈ Carnival Night
- 7337BC
≈ Purple Emperor
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.01:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 2.99:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 7.01:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--all-systems-red: #b50701;
--all-systems-red-rgb: 181 7 1;
--all-systems-red-oklch: oklch(0.488 0.197 29.6);
}
.element {
color: var(--all-systems-red);
background-color: hsl(2 99% 36%);
border-color: oklch(0.488 0.197 29.6);
}Tailwind CSS v4
@theme {
--color-all-systems-red: #b50701;
--color-all-systems-red-50: #ffe1d2;
--color-all-systems-red-100: #ffd0bf;
--color-all-systems-red-200: #ffb49f;
--color-all-systems-red-300: #ff8d76;
--color-all-systems-red-400: #fd6754;
--color-all-systems-red-500: #ec392a;
--color-all-systems-red-600: #c83326;
--color-all-systems-red-700: #a1291e;
--color-all-systems-red-800: #781b17;
--color-all-systems-red-900: #55120f;
--color-all-systems-red-950: #390303;
}SCSS
$all-systems-red: #b50701;
$all-systems-red-rgb: 181, 7, 1;
$all-systems-red-light: mix(#fff, $all-systems-red, 20%);
$all-systems-red-dark: mix(#000, $all-systems-red, 20%);
.element {
color: $all-systems-red;
box-shadow: 0 0 0 2px rgba($all-systems-red, 0.35);
}