#606865 ダーク Pewter
カラー #606865 (ダーク Pewter) のRGB値は (96, 104, 101) です。
赤の値は 96、緑の値は 104、青の値は 101 です。
カラー #606865 のHSL表現: 色相: 158°、彩度: 4%、明度: 39.2%。
#606865 のCMYK値は 7.7%, 0%, 2.9%, 59.2% です。Webセーフカラーの相当値は ##666666 です。カラー #606865 は主に GRAY を含んでいます。
色空間
| #606865 の色空間 | 値 |
|---|---|
| RGB | 96, 104, 101 |
| HSL | 158°, 4%, 39.2% |
| HSV / HSB | 158°, 7.7%, 40.8% |
| CMYK | 7.7%, 0%, 2.9%, 59.2% |
| XYZ | 12.12, 13.33, 14.24 |
基数
| 基数 | 赤 | 緑 | 青 |
|---|---|---|---|
| 2進数 | 01100000 | 01101000 | 01100101 |
| 8進数 | 140 | 150 | 145 |
| 10進数 | 96 | 104 | 101 |
| 16進数 | 60 | 68 | 65 |
#606865 のシェード
#606865 のティント
.mybgColor { background-color: #606865; }
.myforeColor { color: #606865; }
.myborderColor { border: 3px solid #606865; }
<p style="color:#606865">Text here</p>
This sample text is styled with font color #606865. It demonstrates typography contrast and readability for Web Content Accessibility Guidelines.
<div style="background-color:#606865">Div content here</div>
<div style="border:3px solid #606865">Div here</div>
.textShadowRgb { text-shadow: 4px 4px 2px rgba(96, 104, 101, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #606865; }
.divShadow { -moz-box-shadow: 1px 1px 3px #606865;
-webkit-box-shadow: 1px 1px 3px #606865;
box-shadow: 1px 1px 3px #606865; }
This text has a CSS3 shadow effect generated with RGB color values.
This text has a CSS3 shadow effect generated with Hex color values.
関連カラーとハーモニー
Detailed Specifications & Design Guide for #606865 (ダーク Pewter)
Color Overview & Profile: カラー #606865（別名: ダーク Pewter）は、UIデザインや印刷でよく使用される色です。sRGB色空間では、赤 38% (96/255)、緑 41% (104/255)、青 40% (101/255) で構成されます。主なカラーファミリーは GRAY です。
Print & Physical Production Specs: 印刷用途では、#606865 はCMYKモデルで シアン 7.7%、マゼンタ 0%、イエロー 2.9%、ブラック 59.2% に変換されます。HSL座標は色相 158°、彩度 4%、明度 39.2% です。
Web Accessibility & Design Recommendations: Webサイトで #606865 を使用する際は、WCAG 2.1規格に準拠した十分なコントラストを確保してください。Webセーフカラーの相当値は ##666666 です。