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

#3A6BD5 の色情報

#3A6BD5

画像
HEX	#3A6BD5
RGB	R:58 G:107 B:213
RGBの割合	R:22.7% G:42.0% B:83.5%
HSV	H:221.0 S:72.8 V:83.5
HSL	H:221.0 S:64.9 L:53.1
CMY	C:77.3 M:58.0 Y:16.5

CMYK	C:72.8 M:49.8 Y:0.0 K:16.5
YCbCr	Y:105.7 Cb:181.8 Cr:99.0
XYZ	X:19.0 Y:16.2 Z:65.1
xyY	x:0.190 y:0.162 Y:16.2

CIE Lab	L:47.3 a:19.7 b*:-59.4
CIE LCh	L:47.3 C:62.6 h:288.4
CIE Luv	L:47.3 u:-19.5 v*:-91.7
Hunter Lab	L:40.3 a:13.8 b:-67.6

#3A6BD5 の色相別色一覧

#D5573A

#D57D3A

#D5A43A

#D5CB3A

#B9D53A

#92D53A

#6BD53A

#44D53A

#3AD557

#3AD57D

#3AD5A4

#3AD5CB

#3AB9D5

#3A92D5

#3A6BD5

#3A44D5

#573AD5

#7D3AD5

#A43AD5

#CB3AD5

#D53AB9

#D53A92

#D53A6B

#D53A44

#3A6BD5 の彩度別色一覧

#CFD1D5

#C4CAD5

#BAC2D5

#AFBBD5

#A5B4D5

#9AADD5

#8FA5D5

#859ED5

#7A97D5

#6F8FD5

#6588D5

#5A81D5

#4F7AD5

#4572D5

#3A6BD5

#2F64D5

#255CD5

#1A55D5

#0F4ED5

#0547D5

#3A6BD5 の明度別色一覧

#020509

#060B16

#091123

#0D182F

#101E3C

#142549

#172B56

#1B3162

#1E386F

#223E7C

#254589

#294B95

#2C51A2

#3058AF

#335EBC

#3765C8

#3A6BD5

#3D71E2

#4178EF

#447EFB

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

#2A507D

#3C4A91

#264CB5

#12284A

#3A6BD5

#133570

#3D548C

#3A6BD5

#1B2C4A

#5E9AF5

#3E6996

#3E7CF7

#3A6BD5

#1F4780

#0D194F

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

#CF41DF

#C4DF3B

#C1382F

#3A6BD5

#30CD67

#AAEC4E

#47DDBC

#E32DEC

#3A6BD5

#BE4A30

#C333CB

#34D896

#D0462A

#A2CD4A

#3A6BD5

#3A6BD5 を使ったカマイユ

#4A75C6

#3A6BD5

#3354C1

#2C4DBC

#3F7FEF

#2B54C3

#2A57DD

#3A6BD5

#356FD2

#4B7AD0

#386FDD

#2D72E9

#3A6BD5

#467CCD

#4769C8

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

#3A6BD5

#3499EC

#4F5BDF

#1D53DD

#2645F9

#3746B6

#4A6FAF

#2581C8

#4A55CD

#3A6BD5

#3793F6

#467DB1

#5C68F6

#3A6BD5

#1B27B1

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

#3A6BD5

#6F96E8

#2C4478

#5175C2

#7495DB

#3A6BD5

#A5AAB5

#4F5A73

#2F66DE

#1A4196

#0B4EDE

#3A6BD5

#202F4F

#0740BA

#404D69

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

#304470

#3A6BD5

#5670A8

#7FA3F0

#3A6BD5

#102D6B

#3B4863

#054FF0

#3A6BD5

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

#3A6BD5

#D53A6B

#6BD53A

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

#D2D53A

#3A6BD5

#D5703A

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

#3A6BD5

#D53AB9

#D5A43A

#3AD556

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

#3A6BD5

#D5A43A

#3A6BD5

#A5B4D5

#3A6BD5

#1C3366

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

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

#3A6BD5

#3A6BD5 の色情報

#3A6BD5 の色相別色一覧

#3A6BD5 の彩度別色一覧

#3A6BD5 の明度別色一覧

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

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

#3A6BD5 を使ったカマイユ

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

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

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

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

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

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

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