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

#5BA3E2 の色情報

#5BA3E2

画像
HEX	#5BA3E2
RGB	R:91 G:163 B:226
RGBの割合	R:35.7% G:63.9% B:88.6%
HSV	H:208.0 S:59.7 V:88.6
HSL	H:208.0 S:69.9 L:62.2
CMY	C:64.3 M:36.1 Y:11.4

CMYK	C:59.7 M:27.9 Y:0.0 K:11.4
YCbCr	Y:143.7 Cb:166.3 Cr:91.9
XYZ	X:31.1 Y:33.9 Z:76.9
xyY	x:0.219 y:0.239 Y:33.9

CIE Lab	L:64.9 a:-4.0 b*:-38.6
CIE LCh	L:64.9 C:38.8 h:264.1
CIE Luv	L:64.9 u:-30.6 v*:-60.9
Hunter Lab	L:58.2 a:-6.5 b:-37.5

#5BA3E2 の色相別色一覧

#E2785B

#E29A5B

#E2BC5B

#E2DE5B

#C5E25B

#A3E25B

#81E25B

#60E25B

#5BE278

#5BE29A

#5BE2BC

#5BE2DE

#5BC5E2

#5BA3E2

#5B81E2

#5B60E2

#785BE2

#9A5BE2

#BC5BE2

#DE5BE2

#E25BC5

#E25BA3

#E25B81

#E25B60

#5BA3E2 の彩度別色一覧

#D7DDE2

#CCD8E2

#C1D2E2

#B5CDE2

#AAC8E2

#9FC3E2

#94BDE2

#88B8E2

#7DB3E2

#72AEE2

#66A8E2

#5BA3E2

#509EE2

#4498E2

#3993E2

#2E8EE2

#2389E2

#1783E2

#0C7EE2

#0179E2

#5BA3E2 の明度別色一覧

#040709

#091016

#0E1923

#132230

#182B3C

#1D3549

#233E56

#284763

#2D506F

#32597C

#376389

#3C6C96

#4175A2

#467EAF

#4C87BC

#5191C9

#569AD5

#5BA3E2

#60ACEF

#65B5FC

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

#13325C

#5BA3E2

#2B5296

#4373C4

#446170

#5D79A3

#5BA3E2

#36527D

#2C85BD

#1C2F45

#415C6B

#598496

#324257

#5A8DC7

#5BA3E2

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

#A24ED0

#4EE560

#5BA3E2

#DF6E87

#F1E55C

#5BA3E2

#EC5898

#A153E5

#54EF69

#D3BB64

#CA6CDF

#5BA3E2

#70EC8F

#EA6770

#D3DA46

#5BA3E2 を使ったカマイユ

#55A6DD

#5BA3E2

#489AE7

#5BBBFC

#5990D3

#5BA3E2

#6CADDF

#479CDD

#61A7F6

#4F9CFC

#78B0F4

#66A7D3

#4C93E5

#589DE7

#5BA3E2

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

#79B1FF

#4A9CCB

#3D76D8

#71C5EA

#5BA3E2

#668CD3

#3982CB

#5BA3E2

#6BC4F1

#7EC7FF

#68A8C3

#5BA3E2

#79DFFC

#80D7F9

#50BCEA

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

#556470

#2491F0

#35658F

#5BA3E2

#4075A3

#8DC2F0

#568EBF

#2B4459

#6D8DA8

#5BA3E2

#506980

#5BA3E2

#15538A

#2E3133

#032A4D

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

#0D385E

#5BA3E2

#A3D4FF

#57728A

#1C6BB0

#5BA3E2

#53708A

#2B75B5

#5BA3E2

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

#5BA3E2

#E25BA3

#A3E25B

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

#E2C75B

#5BA3E2

#E26D5B

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

#5BA3E2

#DE5BE2

#E29A5B

#60E25B

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

#5BA3E2

#E29A5B

#5BA3E2

#CCD8E2

#5BA3E2

#294A66

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

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

#5BA3E2

#5BA3E2 の色情報

#5BA3E2 の色相別色一覧

#5BA3E2 の彩度別色一覧

#5BA3E2 の明度別色一覧

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

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

#5BA3E2 を使ったカマイユ

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

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

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

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

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

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

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