最も近い色名 · #8A5453
#8A5453
最も近い色名: Red Elegance
#8A5453（rgb(138 84 83)、hsl(1 25% 43%)、oklch(0.507 0.072 21.1)）に最も近い色名はRed Eleganceです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8A5453
oklch(0.507 0.072 21.1)
カラー変換
- HEX
- #8a5453
- RGB
- rgb(138 84 83)
- HSL
- hsl(1 25% 43%)
- HWB
- hwb(1 33% 46%)
- OKLCH
- oklch(0.507 0.072 21.1)
- OKLab
- oklab(0.507 0.068 0.026)
- CIE Lab
- lab(42.05 22.99 10.6)
- LCH
- lch(42.05 25.32 24.8)
- CMYK
- cmyk(0% 39% 40% 46%)
ティント · シェード · トーン
ティント
- 966463
- A27473
- AE8583
- BA9594
- C5A6A5
- D1B8B6
- DCC9C8
- E8DBDA
- F4EDEC
シェード
- 774847
- 653C3B
- 533130
- 422625
- 321B1B
- 221111
- 140808
- 070202
- 010000
トーン
- 8A5957
- 895D5C
- 886260
- 886665
- 876A69
- 866F6E
- 847372
- 837777
- 827C7B
カラーハーモニー
補色 +180°
- 8A5453
Red Elegance
- 267176
≈ Whaling Waters
類似色 -30° +30°
- 8A5453
Red Elegance
- 85546A
≈ Private Tone
- 86593E
≈ Hope Chest
トライアド +120° +240°
- 8A5453
Red Elegance
- 4E7048
≈ Asparagus Sprig
- 4D658F
≈ Dutch Blue
スプリットコンプリメンタリー +150° +210°
- 8A5453
Red Elegance
- 337360
≈ Nordic Forest
- 346D87
≈ Astral
テトラード +90° +180° +270°
- 8A5453
Red Elegance
- 676936
≈ Jungle Civilization
- 267176
≈ Whaling Waters
- 655E8C
≈ Majestic Purple
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.04:1 · APCA Lc 80
Ag
Fail黒の上
WCAG 3.47:1 · APCA Lc 22
最適な文字色: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--red-elegance: #8a5453;
--red-elegance-rgb: 138 84 83;
--red-elegance-oklch: oklch(0.507 0.072 21.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(1 25% 43%);
border-color: oklch(0.507 0.072 21.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #8a5453;
--color-red-elegance-50: #ffeeeb;
--color-red-elegance-100: #ffdfdd;
--color-red-elegance-200: #f2c9c6;
--color-red-elegance-300: #daa9a6;
--color-red-elegance-400: #c68e8c;
--color-red-elegance-500: #b17371;
--color-red-elegance-600: #966160;
--color-red-elegance-700: #784e4d;
--color-red-elegance-800: #593838;
--color-red-elegance-900: #3e2627;
--color-red-elegance-950: #271515;
}SCSS
$red-elegance: #8a5453;
$red-elegance-rgb: 138, 84, 83;
$red-elegance-light: mix(#fff, $red-elegance, 20%);
$red-elegance-dark: mix(#000, $red-elegance, 20%);
.element {
color: $red-elegance;
box-shadow: 0 0 0 2px rgba($red-elegance, 0.35);
}