#5A6AD2｜カラーサイト.com

#5A6AD2 の色情報

#5A6AD2

画像
HEX	#5A6AD2
RGB	R:90 G:106 B:210
RGBの割合	R:35.3% G:41.6% B:82.4%
HSV	H:232.0 S:57.1 V:82.4
HSL	H:232.0 S:57.1 L:58.8
CMY	C:64.7 M:58.4 Y:17.6

CMYK	C:57.1 M:49.5 Y:0.0 K:17.6
YCbCr	Y:113.1 Cb:176.0 Cr:113.6
XYZ	X:21.0 Y:17.1 Z:63.2
xyY	x:0.207 y:0.169 Y:17.1

CIE Lab	L:48.4 a:24.6 b*:-55.7
CIE LCh	L:48.4 C:60.9 h:293.8
CIE Luv	L:48.4 u:-11.5 v*:-87.2
Hunter Lab	L:41.4 a:18.1 b:-61.5

#5A6AD2 の色相別色一覧

#D2685A

#D2865A

#D2A45A

#D2C25A

#C4D25A

#A6D25A

#88D25A

#6AD25A

#5AD268

#5AD286

#5AD2A4

#5AD2C2

#5AC4D2

#5AA6D2

#5A88D2

#5A6AD2

#685AD2

#865AD2

#A45AD2

#C25AD2

#D25AC4

#D25AA6

#D25A88

#D25A6A

#5A6AD2 の彩度別色一覧

#CECED2

#C3C5D2

#B9BCD2

#AEB3D2

#A4AAD2

#99A1D2

#8F98D2

#848ED2

#7A85D2

#6F7CD2

#6573D2

#5A6AD2

#5061D2

#4558D2

#3B4FD2

#3046D2

#263DD2

#1B33D2

#112AD2

#0621D2

#5A6AD2 の明度別色一覧

#030306

#080913

#0E1020

#13162C

#181D39

#1E2346

#232A53

#29305F

#2E376C

#343D79

#394386

#3F4A92

#44509F

#4A57AC

#4F5DB9

#5564C5

#5A6AD2

#5F70DF

#6577EC

#6A7DF8

#5A6AD2 を使ったトーンオントーン

#5A6AD2

#2E4FA1

#1A2552

#9095ED

#3E4869

#5A6AD2

#263880

#4B5F8F

#7492ED

#323957

#6E7FB5

#212269

#384194

#5A6AD2

#131552

#5A6AD2 を使ったトーンイントーン

#D75ABC

#C37A4E

#89DC65

#5A6AD2

#4FE9C0

#C857D5

#5DBB92

#E96056

#A3CD5A

#5A6AD2

#82BB56

#48CFC4

#C3705B

#BE46B6

#5A6AD2 を使ったカマイユ

#6A84EC

#5A6AD2

#6A7FDA

#7C91EC

#4F60BE

#6377DC

#596BC3

#5A6AD2

#4C64CF

#3F4EC0

#5365CF

#6D74DA

#5B69E9

#7285E4

#5A6AD2

#5A6AD2 を使ったフォカマイユ

#607AF1

#5B6AF6

#5B4DDC

#3258AC

#5A6AD2

#7174CA

#5577B6

#7174CA

#5A6AD2

#4A62B6

#7A75DA

#7B71F1

#5A6AD2

#464DE1

#7B7BE9

#5A6AD2 を使ったドミナントカラー

#454E8F

#404C9C

#6372D4

#232638

#5A6AD2

#C9CAD4

#1D213D

#5A6AD2

#001FE8

#6C7191

#4359E8

#66676E

#0725EB

#001FE6

#5A6AD2

#5A6AD2 を使ったアイデンティティ

#03179C

#404569

#5A6AD2

#3D4370

#3B54F7

#3D415C

#5A6AD2

#0016A8

#5A6AD2 を使ったトライアド

#5A6AD2

#D25A6A

#6AD25A

#5A6AD2 を使ったスプリットコンプリメンタリー

#BAD25A

#5A6AD2

#D29A5A

#5A6AD2 を使ったテトラード

#5A6AD2

#D25AA6

#D2C25A

#5AD286

#5A6AD2 を使ったコントラスト

#5A6AD2

#D2C25A

#5A6AD2

#C3C5D2

#5A6AD2

#2C3366

#5A6AD2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#5A6AD2の色相や彩度を変えたときの配色なども一覧で表示します。

#5A6AD2

#5A6AD2 の色情報

#5A6AD2 の色相別色一覧

#5A6AD2 の彩度別色一覧

#5A6AD2 の明度別色一覧

#5A6AD2 を使ったトーンオントーン

#5A6AD2 を使ったトーンイントーン

#5A6AD2 を使ったカマイユ

#5A6AD2 を使ったフォカマイユ

#5A6AD2 を使ったドミナントカラー

#5A6AD2 を使ったアイデンティティ

#5A6AD2 を使ったトライアド

#5A6AD2 を使ったスプリットコンプリメンタリー

#5A6AD2 を使ったテトラード

#5A6AD2 を使ったコントラスト