DexBase Colors
#7AB7F3 の色 壁 #7AB7F3 Save image
色変換

色変換 for #7AB7F3 の色

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

色空間

RGB122183243
HSL209.75°83.45%71.57%
HSV209.75°49.79%95.29%
CMYK49.79%24.69%0%4.71%
XYZ41.131644.472591.1932
Yxy44.47250.23260.2515
Hunter Lab66.6877-6.6092-34.3639
CIE-Lab72.5432-3.4567-35.8622
CIE-LCH72.543236.0284264.4944
CIE-LUV72.5432-28.5402-57.2095

基数表記

BaseRedGreenBlue
Binary011110101011011111110011
Octal172267363
Decimal122183243
Hex7AB7F3

RGB比率

Red
48%
Green
72%
Blue
95%

CMYK比率

Cyan
50%
Magenta
25%
Yellow
0%
Black
5%
調和

配色

#7AB7F3 の色 黒背景

#7AB7F3 の色 サンプルテキスト

#7AB7F3 の色 白背景

#7AB7F3 の色 サンプルテキスト

#7AB7F3 CSSコード

.background { background-color: #7AB7F3; }
.text { color: #7AB7F3; }
.border { border: 3px solid #7AB7F3; }
.shadow { box-shadow: 0 8px 28px rgba(122, 183, 243, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.12:1低い
黒とのコントラスト9.9:1AAA
Webセーフカラー#66CCFFNear
輝度0.44480-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #7AB7F3 の色.

#7AB7F3 の色BluebonnetMellow apricot青
近い色

Similar colors

See 青系
Very 明るい azure Very light azure #74BBFB 青系 Jordy 青 Jordy blue #8AB9F1 青系 Baby 青 eyes Baby blue eyes #A1CAF1 青系 French 空 青 French sky blue #77B5FE 青系 淡い cornflower 青 Pale cornflower blue #ABCDEF 青系 Maya 青 Maya blue #73C2FB 青系 青 jeans Blue Jeans #5DADEC 青系 Aero Aero #7CB9E8 青系 Bleu de france Bleu de France #318CE7 青系 Brilliant azure Brilliant azure #3399FF 青系 Tufts 青 Tufts Blue #3E8EDE 青系 明るい 空 青 Light sky blue #87CEFA 青系