DexBase Colors
#453E7C の色 壁 #453E7C Save image
色変換

色変換 for #453E7C の色

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

色空間

RGB6962124
HSL246.77°33.33%36.47%
HSV246.77°50%48.63%
CMYK44.35%50%0%51.37%
XYZ7.81396.165419.8432
Yxy6.16540.2310.1823
Hunter Lab24.830212.7194-29.9822
CIE-Lab29.82619.8844-34.3812
CIE-LCH29.82639.7172300.043
CIE-LUV29.826-0.8832-46.9751

基数表記

BaseRedGreenBlue
Binary010001010011111001111100
Octal10576174
Decimal6962124
Hex453E7C

RGB比率

Red
27%
Green
24%
Blue
49%

CMYK比率

Cyan
44%
Magenta
50%
Yellow
0%
Black
51%
調和

配色

#453E7C の色 黒背景

#453E7C の色 サンプルテキスト

#453E7C の色 白背景

#453E7C の色 サンプルテキスト

#453E7C CSSコード

.background { background-color: #453E7C; }
.text { color: #453E7C; }
.border { border: 3px solid #453E7C; }
.shadow { box-shadow: 0 8px 28px rgba(69, 62, 124, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト9.4:1AAA
黒とのコントラスト2.23:1低い
Webセーフカラー#333366Near
輝度0.06170-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #453E7C の色.

#453E7C の色暗い ラベンダーCitronラベンダー (floral)
近い色

Similar colors

See 青系
暗い slate 青 Dark slate blue #483D8B 青系 Ocean 青 Ocean Blue #4F42B5 青系 深い koamaru Deep koamaru #333366 青系 Cosmic cobalt Cosmic Cobalt #2E2D88 青系 Plump 紫 Plump Purple #5946B2 青系 Toolbox Toolbox #746CC0 青系 青 (pigment) Blue (pigment) #333399 青系 紫 navy Purple navy #4E5180 青系 Slate 青 Slate blue #6A5ACD 青系 暗い 青-グレー Dark blue-gray #666699 青系 Liberty Liberty #545AA7 青系 Iris Iris #5A4FCF 青系