#7BA6E2｜カラーサイト.com

#7BA6E2 の色情報

#7BA6E2

画像
HEX	#7BA6E2
RGB	R:123 G:166 B:226
RGBの割合	R:48.2% G:65.1% B:88.6%
HSV	H:215.0 S:45.6 V:88.6
HSL	H:215.0 S:64.0 L:68.4
CMY	C:51.8 M:34.9 Y:11.4

CMYK	C:45.6 M:26.5 Y:0.0 K:11.4
YCbCr	Y:153.4 Cb:160.7 Cr:104.9
XYZ	X:35.5 Y:37.0 Z:77.2
xyY	x:0.237 y:0.247 Y:37.0

CIE Lab	L:67.3 a:1.3 b*:-34.8
CIE LCh	L:67.3 C:34.8 h:272.2
CIE Luv	L:67.3 u:-21.9 v*:-55.4
Hunter Lab	L:60.8 a:-2.1 b:-32.7

#7BA6E2 の色相別色一覧

#E2847B

#E29D7B

#E2B77B

#E2D17B

#DAE27B

#C0E27B

#A6E27B

#8CE27B

#7BE284

#7BE29D

#7BE2B7

#7BE2D1

#7BDAE2

#7BC0E2

#7BA6E2

#7B8CE2

#847BE2

#9D7BE2

#B77BE2

#D17BE2

#E27BDA

#E27BC0

#E27BA6

#E27B8C

#7BA6E2 の彩度別色一覧

#E1E1E2

#D5DBE2

#CAD4E2

#BFCDE2

#B4C7E2

#A8C0E2

#9DBAE2

#92B3E2

#86ADE2

#7BA6E2

#709FE2

#6499E2

#5992E2

#4E8CE2

#4385E2

#377FE2

#2C78E2

#2171E2

#156BE2

#0A64E2

#7BA6E2 の明度別色一覧

#050709

#0C1016

#131A23

#1A2330

#212C3C

#283649

#2F3F56

#364863

#3D526F

#435B7C

#4A6489

#516E96

#5877A2

#5F81AF

#668ABC

#6D93C9

#749DD5

#7BA6E2

#82AFEF

#89B9FC

#7BA6E2 を使ったトーンオントーン

#485569

#7BA6E2

#637A8C

#2A3A4D

#4884BF

#4D7CB5

#7BA6E2

#2D4A75

#567C9C

#32394A

#2D3447

#4C5B75

#598DC4

#7BA6E2

#5E7E99

#7BA6E2 を使ったトーンイントーン

#7BA6E2

#8FF991

#D8C06B

#FCA2B8

#C978EF

#E072F1

#66DF86

#EC7579

#7BA6E2

#E4FC7A

#DD6F7E

#D9DA6E

#D38CF4

#7BA6E2

#89DFAA

#7BA6E2 を使ったカマイユ

#8EBCF4

#5B83CE

#93BAEC

#72A4D5

#7BA6E2

#84B8EF

#638FDF

#80AFE7

#7BA6E2

#5D8CC9

#7EA1CE

#759AD3

#7BA6E2

#7FA3C9

#86A7D0

#7BA6E2 を使ったフォカマイユ

#7BA6E2

#5265BC

#88ABD0

#6E8DD5

#628FBC

#97BDE7

#87A2CB

#7995C9

#A3B9EF

#7BA6E2

#768DFF

#6081BE

#80B1D0

#7BA6E2

#5A75BE

#7BA6E2 を使ったドミナントカラー

#6486B5

#7BA6E2

#1E66C9

#144D9C

#212E40

#013F94

#7BA6E2

#B3D2FC

#333D4A

#093C82

#1F3B63

#676E78

#08264F

#7BA6E2

#4C5663

#7BA6E2 を使ったアイデンティティ

#40669C

#7BA6E2

#093169

#3D4A5C

#235BA8

#7BA6E2

#253E61

#247FFF

#7BA6E2

#7BA6E2 を使ったトライアド

#7BA6E2

#E27BA6

#A6E27B

#7BA6E2 を使ったスプリットコンプリメンタリー

#E2D97B

#7BA6E2

#E2957B

#7BA6E2 を使ったテトラード

#7BA6E2

#E27BDA

#E2B77B

#7BE284

#7BA6E2 を使ったコントラスト

#7BA6E2

#E2B77B

#7BA6E2

#0A64E2

#7BA6E2

#384B66

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

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

#7BA6E2

#7BA6E2 の色情報

#7BA6E2 の色相別色一覧

#7BA6E2 の彩度別色一覧

#7BA6E2 の明度別色一覧

#7BA6E2 を使ったトーンオントーン

#7BA6E2 を使ったトーンイントーン

#7BA6E2 を使ったカマイユ

#7BA6E2 を使ったフォカマイユ

#7BA6E2 を使ったドミナントカラー

#7BA6E2 を使ったアイデンティティ

#7BA6E2 を使ったトライアド

#7BA6E2 を使ったスプリットコンプリメンタリー

#7BA6E2 を使ったテトラード

#7BA6E2 を使ったコントラスト