色変換

色変換 for #6F80B2 の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB111128178
HSL224.78°30.32%56.67%
HSV224.78°37.64%69.8%
CMYK37.64%28.09%0%30.2%
XYZ22.308222.031245.1879
Yxy22.03120.24920.2461
Hunter Lab46.93742.6955-24.2015
CIE-Lab54.06016.4389-28.3891
CIE-LCH54.060129.1101282.779
CIE-LUV54.0601-10.6211-43.7875

基数表記

BaseRedGreenBlue
Binary011011111000000010110010
Octal157200262
Decimal111128178
Hex6F80B2

RGB比率

Red
44%
Green
50%
Blue
70%

CMYK比率

Cyan
38%
Magenta
28%
Yellow
0%
Black
30%
調和

配色

#6F80B2 の色 黒背景

#6F80B2 の色 サンプルテキスト

#6F80B2 の色 白背景

#6F80B2 の色 サンプルテキスト

#6F80B2 CSSコード

.background { background-color: #6F80B2; }
.text { color: #6F80B2; }
.border { border: 3px solid #6F80B2; }
.shadow { box-shadow: 0 8px 28px rgba(111, 128, 178, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.88:1大きな文字
黒とのコントラスト5.41:1AA
Webセーフカラー#669999Near
輝度0.22030-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#6F80B2 color
PortuguêsCor #6F80B2
EspañolColor #6F80B2
한국어#6F80B2 색상
日本語#6F80B2 の色
中文#6F80B2 颜色
DeutschFarbe #6F80B2
FrançaisCouleur #6F80B2
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #6F80B2 の色.

近い色

Similar colors

See 青系