色名 · #8A4646
Forbidden Red
Forbidden Redは#8A4646：rgb(138 70 70)、hsl(0 33% 41%)、oklch(0.479 0.093 21.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Forbidden Red color name →
#8A4646
oklch(0.479 0.093 21.1)
カラー変換
- HEX
- #8a4646
- RGB
- rgb(138 70 70)
- HSL
- hsl(0 33% 41%)
- HWB
- hwb(0 27% 46%)
- OKLCH
- oklch(0.479 0.093 21.1)
- OKLab
- oklab(0.479 0.087 0.033)
- CIE Lab
- lab(38.58 29.51 13.9)
- LCH
- lch(38.58 32.61 25.2)
- CMYK
- cmyk(0% 49% 49% 46%)
ティント · シェード · トーン
ティント
- 965857
- A36968
- AF7B7A
- BB8D8C
- C6A09E
- D2B2B1
- DDC5C4
- E9D8D7
- F4EBEB
シェード
- 773C3C
- 653232
- 532828
- 421E1E
- 321515
- 220D0D
- 140505
- 070202
- 010000
トーン
- 8A4C4C
- 8A5251
- 895857
- 885E5D
- 886463
- 876A69
- 856F6E
- 847574
- 827A7A
カラーハーモニー
補色 +180°
- 8A4646
Forbidden Red
- 006B70
≈ Deep Lake
類似色 -30° +30°
- 8A4646
Forbidden Red
- 844663
≈ Grand Poobah
- 864C28
≈ Chestnut Glaze
トライアド +120° +240°
- 8A4646
Forbidden Red
- 3E6A37
≈ Arcala Green
- 3F5D91
≈ Integra
スプリットコンプリメンタリー +150° +210°
- 8A4646
Forbidden Red
- 036E56
≈ Teal Dark Green
- 0D6688
≈ Bowerbird Blue
テトラード +90° +180° +270°
- 8A4646
Forbidden Red
- 606219
≈ Kirchner Green
- 006B70
≈ Deep Lake
- 5E538D
≈ Fine Purple
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.89:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 3.04:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--forbidden-red: #8a4646;
--forbidden-red-rgb: 138 70 70;
--forbidden-red-oklch: oklch(0.479 0.093 21.1);
}
.element {
color: var(--forbidden-red);
background-color: hsl(0 33% 41%);
border-color: oklch(0.479 0.093 21.1);
}Tailwind CSS v4
@theme {
--color-forbidden-red: #8a4646;
--color-forbidden-red-50: #ffebe9;
--color-forbidden-red-100: #ffddd9;
--color-forbidden-red-200: #fac5c2;
--color-forbidden-red-300: #e3a5a1;
--color-forbidden-red-400: #d08887;
--color-forbidden-red-500: #bc6c6b;
--color-forbidden-red-600: #9f5c5b;
--color-forbidden-red-700: #7f4948;
--color-forbidden-red-800: #5e3535;
--color-forbidden-red-900: #422424;
--color-forbidden-red-950: #2a1313;
}SCSS
$forbidden-red: #8a4646;
$forbidden-red-rgb: 138, 70, 70;
$forbidden-red-light: mix(#fff, $forbidden-red, 20%);
$forbidden-red-dark: mix(#000, $forbidden-red, 20%);
.element {
color: $forbidden-red;
box-shadow: 0 0 0 2px rgba($forbidden-red, 0.35);
}