色変換
色変換 for #09949E の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 9 | 148 | 158 | |
|---|---|---|---|---|
| HSL | 184.03° | 89.22% | 32.75% | |
| HSV | 184.03° | 94.3% | 61.96% | |
| CMYK | 94.3% | 6.33% | 0% | 38.04% |
| XYZ | 16.8713 | 23.7043 | 36.0273 | |
| Yxy | 23.7043 | 0.2202 | 0.3094 | |
| Hunter Lab | 48.6871 | -23.3481 | -9.7751 | |
| CIE-Lab | 55.7905 | -28.4416 | -14.5546 | |
| CIE-LCH | 55.7905 | 31.9494 | 207.1005 | |
| CIE-LUV | 55.7905 | -41.6288 | -17.6674 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00001001 | 10010100 | 10011110 |
| Octal | 11 | 224 | 236 |
| Decimal | 9 | 148 | 158 |
| Hex | 09 | 94 | 9E |
RGB比率
CMYK比率
濃い色 #09949E
淡い色 #09949E
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#09949E の色 黒背景
#09949E の色 サンプルテキスト
#09949E の色 白背景
#09949E の色 サンプルテキスト
#09949E CSSコード
.background { background-color: #09949E; }
.text { color: #09949E; }
.border { border: 3px solid #09949E; }
.shadow { box-shadow: 0 8px 28px rgba(9, 148, 158, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト3.66:1大きな文字
黒とのコントラスト5.74:1AA
Webセーフカラー#009999Near
輝度0.23710-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#09949E color
PortuguêsCor #09949E
EspañolColor #09949E
한국어#09949E 색상
日本語#09949E の色
中文#09949E 颜色
DeutschFarbe #09949E
FrançaisCouleur #09949E
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #09949E の色.
近い色
See シアン系