#686EB5｜カラーサイト.com

#686EB5 の色情報

#686EB5

画像
HEX	#686EB5
RGB	R:104 G:110 B:181
RGBの割合	R:40.8% G:43.1% B:71.0%
HSV	H:235.3 S:42.5 V:71.0
HSL	H:235.3 S:34.2 L:55.9
CMY	C:59.2 M:56.9 Y:29.0

CMYK	C:42.5 M:39.2 Y:0.0 K:29.0
YCbCr	Y:115.9 Cb:160.1 Cr:120.3
XYZ	X:19.6 Y:17.4 Z:46.0
xyY	x:0.236 y:0.210 Y:17.4

CIE Lab	L:48.8 a:16.2 b*:-38.4
CIE LCh	L:48.8 C:41.7 h:292.9
CIE Luv	L:48.8 u:-6.8 v*:-59.7
Hunter Lab	L:41.8 a:10.8 b:-36.2

#686EB5 の色相別色一覧

#B57568

#B58968

#B59C68

#B5AF68

#A8B568

#95B568

#81B568

#6EB568

#68B575

#68B589

#68B59C

#68B5AF

#68A8B5

#6895B5

#6881B5

#686EB5

#7568B5

#8968B5

#9C68B5

#AF68B5

#B568A8

#B56895

#B56881

#B5686E

#686EB5 の彩度別色一覧

#B0B1B5

#A7A8B5

#9EA0B5

#9598B5

#8C8FB5

#8387B5

#7A7FB5

#7176B5

#686EB5

#5F66B5

#565DB5

#4D55B5

#444DB5

#3B44B5

#323CB5

#2934B5

#202BB5

#1723B5

#0E1BB5

#0412B5

#686EB5 の明度別色一覧

#010203

#09090F

#10111C

#171929

#1F2136

#262842

#2D304F

#35385C

#3C4069

#434775

#4B4F82

#52578F

#595F9C

#6166A8

#686EB5

#6F76C2

#777DCF

#7E85DB

#858DE8

#8D95F5

#686EB5 を使ったトーンオントーン

#383A4D

#7977F5

#4D4E70

#686EB5

#7579CF

#41538F

#B6BFEB

#394057

#686EB5

#34367A

#6F89EB

#686EB5

#59617D

#32325C

#555D8F

#686EB5 を使ったトーンイントーン

#686EB5

#9FC76C

#BA5EB0

#A1746C

#5BB898

#686EB5

#6DC2A6

#BC78BD

#AB6958

#A4C774

#9C5B94

#6EB29B

#8DC25C

#686EB5

#BA7B69

#686EB5 を使ったカマイユ

#535AA1

#6670A3

#686EB5

#58589E

#8891CC

#7D80C2

#5E68A1

#757BAD

#686EB5

#616BCC

#5B5CAD

#525AA3

#686EB5

#5A65AB

#7E85C7

#686EB5 を使ったフォカマイユ

#6D69A8

#686EB5

#889BC4

#766CB0

#7165BA

#8284C7

#877FCC

#717E9C

#686EB5

#646EC7

#474BA3

#686EB5

#65628F

#4D579E

#5F6A94

#686EB5 を使ったドミナントカラー

#686EB5

#878EDE

#42434F

#151736

#5058BA

#575FB3

#3D4061

#151B59

#BABDE3

#686EB5

#080F66

#343540

#BCBED6

#CFD1E8

#686EB5

#686EB5 を使ったアイデンティティ

#181D5C

#686EB5

#1321CF

#343C91

#686EB5

#1B2BE3

#1525E6

#686EB5

#1C215C

#686EB5 を使ったトライアド

#686EB5

#B5686E

#6EB568

#686EB5 を使ったスプリットコンプリメンタリー

#A1B568

#686EB5

#B59568

#686EB5 を使ったテトラード

#686EB5

#B56895

#B5AF68

#68B589

#686EB5 を使ったコントラスト

#686EB5

#B5AF68

#686EB5

#0E1BB5

#686EB5

#3B3E66

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

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

#686EB5

#686EB5 の色情報

#686EB5 の色相別色一覧

#686EB5 の彩度別色一覧

#686EB5 の明度別色一覧

#686EB5 を使ったトーンオントーン

#686EB5 を使ったトーンイントーン

#686EB5 を使ったカマイユ

#686EB5 を使ったフォカマイユ

#686EB5 を使ったドミナントカラー

#686EB5 を使ったアイデンティティ

#686EB5 を使ったトライアド

#686EB5 を使ったスプリットコンプリメンタリー

#686EB5 を使ったテトラード

#686EB5 を使ったコントラスト