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

#7BA5E2 の色情報

#7BA5E2

画像
HEX	#7BA5E2
RGB	R:123 G:165 B:226
RGBの割合	R:48.2% G:64.7% B:88.6%
HSV	H:215.5 S:45.6 V:88.6
HSL	H:215.5 S:64.0 L:68.4
CMY	C:51.8 M:35.3 Y:11.4

CMYK	C:45.6 M:27.0 Y:0.0 K:11.4
YCbCr	Y:152.9 Cb:161.0 Cr:105.2
XYZ	X:35.3 Y:36.6 Z:77.2
xyY	x:0.237 y:0.246 Y:36.6

CIE Lab	L:67.0 a:1.9 b*:-35.2
CIE LCh	L:67.0 C:35.3 h:273.1
CIE Luv	L:67.0 u:-21.5 v*:-56.2
Hunter Lab	L:60.5 a:-1.6 b:-33.3

#7BA5E2 の色相別色一覧

#E2857B

#E29E7B

#E2B87B

#E2D27B

#D9E27B

#BFE27B

#A5E27B

#8BE27B

#7BE285

#7BE29E

#7BE2B8

#7BE2D2

#7BD9E2

#7BBFE2

#7BA5E2

#7B8BE2

#857BE2

#9E7BE2

#B87BE2

#D27BE2

#E27BD9

#E27BBF

#E27BA5

#E27B8B

#7BA5E2 の彩度別色一覧

#E1E1E2

#D5DBE2

#CAD4E2

#BFCDE2

#B4C6E2

#A8C0E2

#9DB9E2

#92B2E2

#86ACE2

#7BA5E2

#709EE2

#6498E2

#5991E2

#4E8AE2

#4384E2

#377DE2

#2C76E2

#216FE2

#1569E2

#0A62E2

#7BA5E2 の明度別色一覧

#050709

#0C1016

#131923

#1A2330

#212C3C

#283549

#2F3F56

#364863

#3D516F

#435B7C

#4A6489

#516D96

#5876A2

#5F80AF

#6689BC

#6D92C9

#749CD5

#7BA5E2

#82AEEF

#89B8FC

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

#526F94

#41566B

#7BA5E2

#4387BD

#2F384F

#6295C7

#4E576B

#364557

#3F6194

#7BA5E2

#203F57

#7BA5E2

#7A92C7

#7481A1

#565E75

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

#7BA5E2

#F68D9E

#73DFA5

#C269E7

#DBF47D

#D867DD

#EFA48E

#A6CB6C

#7BA5E2

#7AFCCB

#B778D8

#B1D561

#D87471

#6AEF9C

#7BA5E2

#7BA5E2 を使ったカマイユ

#7BA5E2

#78A4D5

#85AAEC

#6B8DC9

#5E91D3

#7B98C9

#70ABF1

#6B97C9

#7D9FCB

#7BA5E2

#7EA5CE

#8BA7DF

#618CD5

#7BA5E2

#88B5F1

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

#72CAFC

#5E83DD

#6288DD

#A5C9F9

#7BA5E2

#6A90DA

#8FA4D8

#4F6FC3

#7BA5E2

#578AD8

#58ACDA

#78B3EF

#7193FF

#7BA5E2

#5677C6

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

#1E79FC

#363E4A

#7BA5E2

#899AB3

#1D5CB8

#5F6F87

#6F89B0

#7BA5E2

#C1CFE3

#5F87C2

#374F73

#7BA5E2

#2C77E6

#99C0F7

#1A3F75

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

#254573

#7BA5E2

#1C58B0

#14468F

#507BBA

#7BA5E2

#224475

#1C4D94

#7BA5E2

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

#7BA5E2

#E27BA5

#A5E27B

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

#E2DA7B

#7BA5E2

#E2967B

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

#7BA5E2

#E27BD9

#E2B87B

#7BE285

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

#7BA5E2

#E2B87B

#7BA5E2

#0A62E2

#7BA5E2

#384A66

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

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

#7BA5E2

#7BA5E2 の色情報

#7BA5E2 の色相別色一覧

#7BA5E2 の彩度別色一覧

#7BA5E2 の明度別色一覧

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

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

#7BA5E2 を使ったカマイユ

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

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

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

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

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

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

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