色名 · #663B43
Red Mahogany
Red Mahoganyは#663B43：rgb(102 59 67)、hsl(349 27% 32%)、oklch(0.407 0.061 8.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Red Mahogany color name →
#663B43
oklch(0.407 0.061 8.1)
カラー変換
- HEX
- #663b43
- RGB
- rgb(102 59 67)
- HSL
- hsl(349 27% 32%)
- HWB
- hwb(349 23% 60%)
- OKLCH
- oklch(0.407 0.061 8.1)
- OKLab
- oklab(0.407 0.061 0.009)
- CIE Lab
- lab(30.48 20.27 3.63)
- LCH
- lch(30.48 20.59 10.2)
- CMYK
- cmyk(0% 42% 34% 60%)
ティント · シェード · トーン
ティント
- 754D54
- 845F65
- 937177
- A28589
- B2989C
- C1ACAF
- D0C0C2
- E0D5D6
- EFEAEA
シェード
- 583239
- 4A292F
- 3C2126
- 2F191D
- 231114
- 17090C
- 0C0405
- 040101
- 000000
トーン
- 694249
- 6C494F
- 6F4F55
- 72565B
- 745D61
- 776467
- 796B6D
- 7C7273
- 7E797A
カラーハーモニー
補色 +180°
- 663B43
Red Mahogany
- 175450
≈ Pacific Storm
類似色 -30° +30°
- 663B43
Red Mahogany
- 5F3C55
≈ Blackberry Wine
- 663D31
≈ Sekkasshoku Brown
トライアド +120° +240°
- 663B43
Red Mahogany
- 40502B
≈ Bronze Tone
- 2D4C69
≈ Celestial Blue
スプリットコンプリメンタリー +150° +210°
- 663B43
Red Mahogany
- 2A543D
≈ Green Stain
- 195160
≈ Genetic Code
テトラード +90° +180° +270°
- 663B43
Red Mahogany
- 524A20
≈ Codium Fragile
- 175450
≈ Pacific Storm
- 42466B
≈ Deep Cobalt
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.24:1 · APCA Lc 91
Ag
Fail黒の上
WCAG 2.27:1 · APCA Lc 11
最適な文字色: #FFFFFF
WCAG 9.24:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--red-mahogany: #663b43;
--red-mahogany-rgb: 102 59 67;
--red-mahogany-oklch: oklch(0.407 0.061 8.1);
}
.element {
color: var(--red-mahogany);
background-color: hsl(349 27% 32%);
border-color: oklch(0.407 0.061 8.1);
}Tailwind CSS v4
@theme {
--color-red-mahogany: #663b43;
--color-red-mahogany-50: #ffeef1;
--color-red-mahogany-100: #fce0e3;
--color-red-mahogany-200: #edcace;
--color-red-mahogany-300: #d5abb0;
--color-red-mahogany-400: #bf9097;
--color-red-mahogany-500: #aa757e;
--color-red-mahogany-600: #90636b;
--color-red-mahogany-700: #734f55;
--color-red-mahogany-800: #553a3f;
--color-red-mahogany-900: #3b272b;
--color-red-mahogany-950: #251519;
}SCSS
$red-mahogany: #663b43;
$red-mahogany-rgb: 102, 59, 67;
$red-mahogany-light: mix(#fff, $red-mahogany, 20%);
$red-mahogany-dark: mix(#000, $red-mahogany, 20%);
.element {
color: $red-mahogany;
box-shadow: 0 0 0 2px rgba($red-mahogany, 0.35);
}