色変換
色変換 for #7CA6BF の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 124 | 166 | 191 | |
|---|---|---|---|---|
| HSL | 202.39° | 34.36% | 61.76% | |
| HSV | 202.39° | 35.08% | 74.9% | |
| CMYK | 35.08% | 13.09% | 0% | 25.1% |
| XYZ | 31.3493 | 35.3175 | 54.4452 | |
| Yxy | 35.3175 | 0.2588 | 0.2916 | |
| Hunter Lab | 59.4285 | -9.8397 | -12.697 | |
| CIE-Lab | 65.9951 | -7.9656 | -17.3728 | |
| CIE-LCH | 65.9951 | 19.1119 | 245.3681 | |
| CIE-LUV | 65.9951 | -21.2307 | -25.3758 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01111100 | 10100110 | 10111111 |
| Octal | 174 | 246 | 277 |
| Decimal | 124 | 166 | 191 |
| Hex | 7C | A6 | BF |
RGB比率
CMYK比率
濃い色 #7CA6BF
淡い色 #7CA6BF
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#7CA6BF の色 黒背景
#7CA6BF の色 サンプルテキスト
#7CA6BF の色 白背景
#7CA6BF の色 サンプルテキスト
#7CA6BF CSSコード
.background { background-color: #7CA6BF; }
.text { color: #7CA6BF; }
.border { border: 3px solid #7CA6BF; }
.shadow { box-shadow: 0 8px 28px rgba(124, 166, 191, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.6:1低い
黒とのコントラスト8.06:1AAA
Webセーフカラー#6699CCNear
輝度0.35320-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#7CA6BF color
PortuguêsCor #7CA6BF
EspañolColor #7CA6BF
한국어#7CA6BF 색상
日本語#7CA6BF の色
中文#7CA6BF 颜色
DeutschFarbe #7CA6BF
FrançaisCouleur #7CA6BF
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #7CA6BF の色.
近い色
See 青系
Similar colors
Moonstone 青
Moonstone blue
Air superiority 青
Air superiority blue
Pewter 青
Pewter Blue
Weldon 青
Weldon Blue
Air force 青 (raf)
Air Force blue (RAF)
Rackley
Rackley
Cadet グレー
Cadet grey
Cerulean frost
Cerulean frost
暗い 空 青
Dark sky blue
Iceberg
Iceberg
Carolina 青
Carolina blue
Columbia 青
Columbia Blue