最も近い色名 · #923F47
#923F47
最も近い色名: Silk Satin
#923F47（rgb(146 63 71)、hsl(354 40% 41%)、oklch(0.48 0.112 16.4)）に最も近い色名はSilk Satinです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#923F47
oklch(0.48 0.112 16.4)
カラー変換
- HEX
- #923f47
- RGB
- rgb(146 63 71)
- HSL
- hsl(354 40% 41%)
- HWB
- hwb(354 25% 43%)
- OKLCH
- oklch(0.48 0.112 16.4)
- OKLab
- oklab(0.48 0.108 0.032)
- CIE Lab
- lab(38.45 36.3 13.36)
- LCH
- lch(38.45 38.68 20.2)
- CMYK
- cmyk(0% 57% 51% 43%)
ティント · シェード · トーン
ティント
- 9E5258
- AA6569
- B6777A
- C18A8C
- CC9D9E
- D7B0B1
- E1C3C4
- EBD7D7
- F5EBEB
シェード
- 7E353D
- 6B2C32
- 582328
- 461B1F
- 351216
- 250A0D
- 160406
- 080102
- 010000
トーン
- 91464D
- 904E52
- 8F5458
- 8E5B5E
- 8C6163
- 8B6869
- 886E6F
- 867474
- 837A7A
カラーハーモニー
補色 +180°
- 923F47
Silk Satin
- 006B6D
≈ Mayan Blue
類似色 -30° +30°
- 923F47
Silk Satin
- 89406A
≈ Bonbon Red
- 8F461E
≈ Madeira Brown
トライアド +120° +240°
- 923F47
Silk Satin
- 3E6B26
≈ Radical Green
- 305E9C
≈ Neptune Blue
スプリットコンプリメンタリー +150° +210°
- 923F47
Silk Satin
- 006F51
≈ Natural Watercourse
- 006785
≈ Ansel
テトラード +90° +180° +270°
- 923F47
Silk Satin
- 656100
≈ Green Brown
- 006B6D
≈ Mayan Blue
- 5A5299
≈ Coronation Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.94:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 3.02:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--silk-satin: #923f47;
--silk-satin-rgb: 146 63 71;
--silk-satin-oklch: oklch(0.48 0.112 16.4);
}
.element {
color: var(--silk-satin);
background-color: hsl(354 40% 41%);
border-color: oklch(0.48 0.112 16.4);
}Tailwind CSS v4
@theme {
--color-silk-satin: #923f47;
--color-silk-satin-50: #ffe9e9;
--color-silk-satin-100: #ffdad9;
--color-silk-satin-200: #ffc2c2;
--color-silk-satin-300: #eba0a1;
--color-silk-satin-400: #d88287;
--color-silk-satin-500: #c5646c;
--color-silk-satin-600: #a7555c;
--color-silk-satin-700: #864449;
--color-silk-satin-800: #633136;
--color-silk-satin-900: #462125;
--color-silk-satin-950: #2d1014;
}SCSS
$silk-satin: #923f47;
$silk-satin-rgb: 146, 63, 71;
$silk-satin-light: mix(#fff, $silk-satin, 20%);
$silk-satin-dark: mix(#000, $silk-satin, 20%);
.element {
color: $silk-satin;
box-shadow: 0 0 0 2px rgba($silk-satin, 0.35);
}