色変換
色変換 for #096B80 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 9 | 107 | 128 | |
|---|---|---|---|---|
| HSL | 190.59° | 86.86% | 26.86% | |
| HSV | 190.59° | 92.97% | 50.2% | |
| CMYK | 92.97% | 16.41% | 0% | 49.8% |
| XYZ | 9.2649 | 12.1308 | 22.271 | |
| Yxy | 12.1308 | 0.2122 | 0.2778 | |
| Hunter Lab | 34.8293 | -13.4691 | -13.5166 | |
| CIE-Lab | 41.4233 | -17.403 | -18.8336 | |
| CIE-LCH | 41.4233 | 25.6431 | 227.2608 | |
| CIE-LUV | 41.4233 | -29.1977 | -24.3588 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00001001 | 01101011 | 10000000 |
| Octal | 11 | 153 | 200 |
| Decimal | 9 | 107 | 128 |
| Hex | 09 | 6B | 80 |
RGB比率
CMYK比率
濃い色 #096B80
淡い色 #096B80
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#096B80 の色 黒背景
#096B80 の色 サンプルテキスト
#096B80 の色 白背景
#096B80 の色 サンプルテキスト
#096B80 CSSコード
.background { background-color: #096B80; }
.text { color: #096B80; }
.border { border: 3px solid #096B80; }
.shadow { box-shadow: 0 8px 28px rgba(9, 107, 128, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト6.13:1AA
黒とのコントラスト3.43:1大きな文字
Webセーフカラー#006699Near
輝度0.12130-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#096B80 color
PortuguêsCor #096B80
EspañolColor #096B80
한국어#096B80 색상
日本語#096B80 の色
中文#096B80 颜色
DeutschFarbe #096B80
FrançaisCouleur #096B80
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #096B80 の色.
近い色
See シアン系