色変換
色変換 for #80B2BE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 128 | 178 | 190 | |
|---|---|---|---|---|
| HSL | 191.61° | 32.29% | 62.35% | |
| HSV | 191.61° | 32.63% | 74.51% | |
| CMYK | 32.63% | 6.32% | 0% | 25.49% |
| XYZ | 34.1137 | 40.1458 | 54.6566 | |
| Yxy | 40.1458 | 0.2646 | 0.3114 | |
| Hunter Lab | 63.3607 | -14.7768 | -6.7726 | |
| CIE-Lab | 69.5733 | -13.5189 | -11.4088 | |
| CIE-LCH | 69.5733 | 17.6896 | 220.1615 | |
| CIE-LUV | 69.5733 | -24.7178 | -15.2389 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10000000 | 10110010 | 10111110 |
| Octal | 200 | 262 | 276 |
| Decimal | 128 | 178 | 190 |
| Hex | 80 | B2 | BE |
RGB比率
CMYK比率
濃い色 #80B2BE
淡い色 #80B2BE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#80B2BE の色 黒背景
#80B2BE の色 サンプルテキスト
#80B2BE の色 白背景
#80B2BE の色 サンプルテキスト
#80B2BE CSSコード
.background { background-color: #80B2BE; }
.text { color: #80B2BE; }
.border { border: 3px solid #80B2BE; }
.shadow { box-shadow: 0 8px 28px rgba(128, 178, 190, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.33:1低い
黒とのコントラスト9.03:1AAA
Webセーフカラー#9999CCNear
輝度0.40150-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#80B2BE color
PortuguêsCor #80B2BE
EspañolColor #80B2BE
한국어#80B2BE 색상
日本語#80B2BE の色
中文#80B2BE 颜色
DeutschFarbe #80B2BE
FrançaisCouleur #80B2BE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #80B2BE の色.
近い色
See シアン系