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

#3BA5E2 の色情報

#3BA5E2

画像
HEX	#3BA5E2
RGB	R:59 G:165 B:226
RGBの割合	R:23.1% G:64.7% B:88.6%
HSV	H:201.9 S:73.9 V:88.6
HSL	H:201.9 S:74.2 L:55.9
CMY	C:76.9 M:35.3 Y:11.4

CMYK	C:73.9 M:27.0 Y:0.0 K:11.4
YCbCr	Y:136.5 Cb:170.5 Cr:77.1
XYZ	X:29.0 Y:33.3 Z:76.9
xyY	x:0.208 y:0.239 Y:33.3

CIE Lab	L:64.4 a:-10.1 b*:-39.4
CIE LCh	L:64.4 C:40.7 h:255.6
CIE Luv	L:64.4 u:-37.9 v*:-61.4
Hunter Lab	L:57.7 a:-11.4 b:-38.5

#3BA5E2 の色相別色一覧

#E24E3B

#E2783B

#E2A23B

#E2CC3B

#CFE23B

#A5E23B

#7BE23B

#52E23B

#3BE24E

#3BE278

#3BE2A2

#3BE2CC

#3BCFE2

#3BA5E2

#3B7BE2

#3B52E2

#4E3BE2

#783BE2

#A23BE2

#CC3BE2

#E23BCF

#E23BA5

#E23B7B

#E23B52

#3BA5E2 の彩度別色一覧

#D9DFE2

#CEDBE2

#C3D7E2

#B7D2E2

#ACCEE2

#A1CAE2

#95C6E2

#8AC2E2

#7FBEE2

#74BAE2

#68B6E2

#5DB1E2

#52ADE2

#46A9E2

#3BA5E2

#30A1E2

#249DE2

#1999E2

#0E94E2

#0390E2

#3BA5E2 の明度別色一覧

#020709

#061016

#091923

#0C2330

#102C3C

#133549

#163F56

#1A4863

#1D516F

#205B7C

#246489

#276D96

#2A76A2

#2E80AF

#3189BC

#3492C9

#389CD5

#3BA5E2

#3EAEEF

#42B8FC

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

#4096C7

#3BA5E2

#24444F

#0C7BA3

#264F7A

#114678

#3BA5E2

#1A62B5

#093345

#2E6499

#2D7AC2

#3BA5E2

#165169

#38719C

#203B4A

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

#4CFC63

#D8BF36

#3BA5E2

#EF456A

#7F31DF

#E7DB31

#DF2D51

#3BA5E2

#4EE578

#AF3FD8

#F1272B

#3BA5E2

#3DFC6F

#9423DA

#A7C920

#3BA5E2 を使ったカマイユ

#49B9EC

#32B5EC

#46B7E7

#3BA5E2

#35A3DA

#3BA5E2

#289DF6

#49BCF1

#26B2EA

#2393CB

#44A3D3

#3BA5E2

#3AABE7

#4EC2FC

#249EDF

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

#529ADD

#2D9CC1

#3BA5E2

#49B3C1

#286CBE

#3BA5E2

#46B9CE

#5FB1E7

#409BBC

#269FEF

#3D9BC3

#50C6F9

#2762C1

#4B9BD0

#3BA5E2

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

#3BA5E2

#265570

#4B5257

#52646E

#59859E

#41B2F2

#5ABFFA

#3EB4F7

#6E7375

#3BA5E2

#2C80B0

#1D6C99

#54B4EB

#3BA5E2

#4C85A6

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

#7291A3

#014973

#3BA5E2

#045685

#3BA5E2

#5592B5

#4D89AB

#3BA5E2

#5D7B8C

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

#3BA5E2

#E23BA5

#A5E23B

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

#E2B03B

#3BA5E2

#E2403B

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

#3BA5E2

#CC3BE2

#E2783B

#52E23B

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

#3BA5E2

#E2783B

#3BA5E2

#ACCEE2

#3BA5E2

#1B4A66

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

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

#3BA5E2

#3BA5E2 の色情報

#3BA5E2 の色相別色一覧

#3BA5E2 の彩度別色一覧

#3BA5E2 の明度別色一覧

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

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

#3BA5E2 を使ったカマイユ

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

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

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

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

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

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

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