DexBase Colors
#315A9C の色 壁 #315A9C Save image
色変換

色変換 for #315A9C の色

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

色空間

RGB4990156
HSL217.01°52.2%40.2%
HSV217.01°68.59%61.18%
CMYK68.59%42.31%0%38.82%
XYZ10.921410.364532.871
Yxy10.36450.20170.1914
Hunter Lab32.19394.214-37.9774
CIE-Lab38.48888.2148-40.2213
CIE-LCH38.488841.0516281.5433
CIE-LUV38.4888-16.5065-58.2097

基数表記

BaseRedGreenBlue
Binary001100010101101010011100
Octal61132234
Decimal4990156
Hex315A9C

RGB比率

Red
19%
Green
35%
Blue
61%

CMYK比率

Cyan
69%
Magenta
42%
Yellow
0%
Black
39%
調和

配色

#315A9C の色 黒背景

#315A9C の色 サンプルテキスト

#315A9C の色 白背景

#315A9C の色 サンプルテキスト

#315A9C CSSコード

.background { background-color: #315A9C; }
.text { color: #315A9C; }
.border { border: 3px solid #315A9C; }
.shadow { box-shadow: 0 8px 28px rgba(49, 90, 156, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.83:1AA
黒とのコントラスト3.07:1大きな文字
Webセーフカラー#336699Near
輝度0.10370-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #315A9C の色.

#315A9C の色IrisShadowToolbox
近い色

Similar colors

See 青系
B'dazzled 青 B'dazzled blue #2E5894 青系 シアン cobalt 青 Cyan cobalt blue #28589C 青系 青 yonder Blue yonder #5072A7 青系 Sapphire Sapphire #0F52BA 青系 Lapis lazuli Lapis lazuli #26619C 青系 Queen 青 Queen blue #436B95 青系 Glaucous Glaucous #6082B6 青系 Denim Denim #1560BD 青系 Cerulean 青 Cerulean blue #2A52BE 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Ucla 青 UCLA Blue #536895 青系 New car New Car #214FC6 青系