DexBase Colors
#283A45 の色 壁 #283A45 Save image
色変換

色変換 for #283A45 の色

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

色空間

RGB405869
HSL202.76°26.61%21.37%
HSV202.76°42.03%27.06%
CMYK42.03%15.94%0%72.94%
XYZ3.4623.90676.2007
Yxy3.90670.25510.2879
Hunter Lab19.7654-3.3245-4.7571
CIE-Lab23.3606-3.9155-9.0837
CIE-LCH23.36069.8917246.6817
CIE-LUV23.3606-7.9463-9.8558

基数表記

BaseRedGreenBlue
Binary001010000011101001000101
Octal5072105
Decimal405869
Hex283A45

RGB比率

Red
16%
Green
23%
Blue
27%

CMYK比率

Cyan
42%
Magenta
16%
Yellow
0%
Black
73%
調和

配色

#283A45 の色 黒背景

#283A45 の色 サンプルテキスト

#283A45 の色 白背景

#283A45 の色 サンプルテキスト

#283A45 CSSコード

.background { background-color: #283A45; }
.text { color: #283A45; }
.border { border: 3px solid #283A45; }
.shadow { box-shadow: 0 8px 28px rgba(40, 58, 69, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト11.78:1AAA
黒とのコントラスト1.78:1低い
Webセーフカラー#333333Near
輝度0.03910-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #283A45 の色.

#283A45 の色IndependenceBistre紫 navy
近い色

Similar colors

See 青系
Charcoal Charcoal #36454F 青系 Gunmetal Gunmetal #2A3439 青系 暗い gunmetal Dark gunmetal #1F262A 青系 Arsenic Arsenic #3B444B 青系 暗い electric 青 Dark electric blue #536878 青系 Payne's グレー Payne's grey #536878 青系 Onyx Onyx #353839 グレー系 Cadet Cadet #536872 青系 Air force 青 (raf) Air Force blue (RAF) #5D8AA8 青系 Rackley Rackley #5D8AA8 青系 Japanese indigo Japanese indigo #264348 シアン系 黒 コーラル Black Coral #54626F 青系