色変換
色変換 for #675F64 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 103 | 95 | 100 | |
|---|---|---|---|---|
| HSL | 322.5° | 4.04% | 38.82% | |
| HSV | 322.5° | 7.77% | 40.39% | |
| CMYK | 0% | 7.77% | 2.91% | 59.61% |
| XYZ | 11.9857 | 11.9882 | 13.7367 | |
| Yxy | 11.9882 | 0.3178 | 0.3179 | |
| Hunter Lab | 34.624 | 1.1985 | 0.7233 | |
| CIE-Lab | 41.1974 | 4.1928 | -1.6923 | |
| CIE-LCH | 41.1974 | 4.5214 | 338.02 | |
| CIE-LUV | 41.1974 | 4.2345 | -2.8439 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100111 | 01011111 | 01100100 |
| Octal | 147 | 137 | 144 |
| Decimal | 103 | 95 | 100 |
| Hex | 67 | 5F | 64 |
RGB比率
CMYK比率
濃い色 #675F64
淡い色 #675F64
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#675F64 の色 黒背景
#675F64 の色 サンプルテキスト
#675F64 の色 白背景
#675F64 の色 サンプルテキスト
#675F64 CSSコード
.background { background-color: #675F64; }
.text { color: #675F64; }
.border { border: 3px solid #675F64; }
.shadow { box-shadow: 0 8px 28px rgba(103, 95, 100, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト6.18:1AA
黒とのコントラスト3.4:1大きな文字
Webセーフカラー#666666Near
輝度0.11990-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#675F64 color
PortuguêsCor #675F64
EspañolColor #675F64
한국어#675F64 색상
日本語#675F64 の色
中文#675F64 颜色
DeutschFarbe #675F64
FrançaisCouleur #675F64
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #675F64 の色.
近い色
See グレー系