DexBase Colors
#485E6B の色 壁 #485E6B Save image
色変換

色変換 for #485E6B の色

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

色空間

RGB7294107
HSL202.29°19.55%35.1%
HSV202.29°32.71%41.96%
CMYK32.71%12.15%0%58.04%
XYZ9.328210.444215.4315
Yxy10.44420.2650.2967
Hunter Lab32.3175-5.0333-5.6775
CIE-Lab38.6281-4.8322-10.0884
CIE-LCH38.628111.186244.4062
CIE-LUV38.6281-11.0843-12.8289

基数表記

BaseRedGreenBlue
Binary010010000101111001101011
Octal110136153
Decimal7294107
Hex485E6B

RGB比率

Red
28%
Green
37%
Blue
42%

CMYK比率

Cyan
33%
Magenta
12%
Yellow
0%
Black
58%
調和

配色

#485E6B の色 黒背景

#485E6B の色 サンプルテキスト

#485E6B の色 白背景

#485E6B の色 サンプルテキスト

#485E6B CSSコード

.background { background-color: #485E6B; }
.text { color: #485E6B; }
.border { border: 3px solid #485E6B; }
.shadow { box-shadow: 0 8px 28px rgba(72, 94, 107, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト6.8:1AA
黒とのコントラスト3.09:1大きな文字
Webセーフカラー#336666Near
輝度0.10440-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #485E6B の色.

#485E6B の色IndependenceUmber紫 navy
近い色

Similar colors

See 青系
Cadet Cadet #536872 青系 Charcoal Charcoal #36454F 青系 暗い electric 青 Dark electric blue #536878 青系 Payne's グレー Payne's grey #536878 青系 深い space sparkle Deep Space Sparkle #4A646C シアン系 黒 コーラル Black Coral #54626F 青系 Arsenic Arsenic #3B444B 青系 Gunmetal Gunmetal #2A3439 青系 暗い gunmetal Dark gunmetal #1F262A 青系 Air force 青 (raf) Air Force blue (RAF) #5D8AA8 青系 Rackley Rackley #5D8AA8 青系 Weldon 青 Weldon Blue #7C98AB 青系