DexBase Colors
#166CC2 の色 壁 #166CC2 Save image
色変換

色変換 for #166CC2 の色

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

色空間

RGB22108194
HSL210°79.63%42.35%
HSV210°88.66%76.08%
CMYK88.66%44.33%0%23.92%
XYZ15.427414.788753.0699
Yxy14.78870.18520.1776
Hunter Lab38.45614.31-54.8697
CIE-Lab45.34348.3324-51.6311
CIE-LCH45.343452.2991279.1675
CIE-LUV45.3434-24.8703-78.1783

基数表記

BaseRedGreenBlue
Binary000101100110110011000010
Octal26154302
Decimal22108194
Hex166CC2

RGB比率

Red
9%
Green
42%
Blue
76%

CMYK比率

Cyan
89%
Magenta
44%
Yellow
0%
Black
24%
調和

配色

#166CC2 の色 黒背景

#166CC2 の色 サンプルテキスト

#166CC2 の色 白背景

#166CC2 の色 サンプルテキスト

#166CC2 CSSコード

.background { background-color: #166CC2; }
.text { color: #166CC2; }
.border { border: 3px solid #166CC2; }
.shadow { box-shadow: 0 8px 28px rgba(22, 108, 194, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.31:1AA
黒とのコントラスト3.96:1大きな文字
Webセーフカラー#0066CCNear
輝度0.14790-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #166CC2 の色.

#166CC2 の色Bluebonnet淡い 茶色Midnight 青
近い色

Similar colors

See 青系
Bright navy 青 Bright navy blue #1974D2 青系 緑-青 Green-blue #1164B4 青系 Denim Denim #1560BD 青系 Bleu de france Bleu de France #318CE7 青系 Lapis lazuli Lapis lazuli #26619C 青系 Yale 青 Yale Blue #0F4D92 青系 Tufts 青 Tufts Blue #3E8EDE 青系 True 青 True Blue #0073CF 青系 Azure Azure #007FFF 青系 Sapphire Sapphire #0F52BA 青系 暗い cerulean Dark cerulean #08457E 青系 Medium electric 青 Medium electric blue #035096 青系