色名 · #9E7172
Raw Edge
Raw Edgeは#9E7172：rgb(158 113 114)、hsl(359 19% 53%)、oklch(0.595 0.057 17.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Raw Edge color name →
#9E7172
oklch(0.595 0.057 17.4)
カラー変換
- HEX
- #9e7172
- RGB
- rgb(158 113 114)
- HSL
- hsl(359 19% 53%)
- HWB
- hwb(359 44% 38%)
- OKLCH
- oklch(0.595 0.057 17.4)
- OKLab
- oklab(0.595 0.055 0.017)
- CIE Lab
- lab(52.36 18.44 6.89)
- LCH
- lch(52.36 19.69 20.5)
- CMYK
- cmyk(0% 28% 28% 38%)
ティント · シェード · トーン
ティント
- A87E7F
- B28C8D
- BB9A9A
- C5A8A8
- CFB6B6
- D8C4C4
- E2D3D3
- ECE1E1
- F5F0F0
シェード
- 896162
- 745253
- 604344
- 4D3536
- 3A2728
- 291A1B
- 180E0E
- 090404
- 010101
トーン
- 9B7373
- 997475
- 967676
- 937778
- 907979
- 8D7A7A
- 8A7C7C
- 877D7D
- 837F7F
カラーハーモニー
補色 +180°
- 9E7172
Raw Edge
- 54898B
≈ Evora
類似色 -30° +30°
- 9E7172
Raw Edge
- 997185
≈ Meadow Flower
- 9C7561
≈ Kurumizome Brown
トライアド +120° +240°
- 9E7172
Raw Edge
- 6E8765
≈ Shale Green
- 6980A1
≈ Bay View
スプリットコンプリメンタリー +150° +210°
- 9E7172
Raw Edge
- 5C8A78
≈ Privet Hedge
- 598699
≈ Blue Moon Bay
テトラード +90° +180° +270°
- 9E7172
Raw Edge
- 828159
≈ Spinach Souffle
- 54898B
≈ Evora
- 7C7A9F
≈ Blue Dove
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.15:1 · APCA Lc 69
Ag
AA黒の上
WCAG 5.05:1 · APCA Lc 33
最適な文字色: #000000
WCAG 5.05:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--raw-edge: #9e7172;
--raw-edge-rgb: 158 113 114;
--raw-edge-oklch: oklch(0.595 0.057 17.4);
}
.element {
color: var(--raw-edge);
background-color: hsl(359 19% 53%);
border-color: oklch(0.595 0.057 17.4);
}Tailwind CSS v4
@theme {
--color-raw-edge: #9e7172;
--color-raw-edge-50: #ffefee;
--color-raw-edge-100: #fbe1e0;
--color-raw-edge-200: #eccbca;
--color-raw-edge-300: #d3acac;
--color-raw-edge-400: #be9192;
--color-raw-edge-500: #a97778;
--color-raw-edge-600: #8f6566;
--color-raw-edge-700: #725151;
--color-raw-edge-800: #543a3c;
--color-raw-edge-900: #3b2829;
--color-raw-edge-950: #251617;
}SCSS
$raw-edge: #9e7172;
$raw-edge-rgb: 158, 113, 114;
$raw-edge-light: mix(#fff, $raw-edge, 20%);
$raw-edge-dark: mix(#000, $raw-edge, 20%);
.element {
color: $raw-edge;
box-shadow: 0 0 0 2px rgba($raw-edge, 0.35);
}