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

#3A85F9 の色情報

#3A85F9

画像
HEX	#3A85F9
RGB	R:58 G:133 B:249
RGBの割合	R:22.7% G:52.2% B:97.6%
HSV	H:216.4 S:76.7 V:97.6
HSL	H:216.4 S:94.1 L:60.2
CMY	C:77.3 M:47.8 Y:2.4

CMYK	C:76.7 M:46.6 Y:0.0 K:2.4
YCbCr	Y:122.3 Cb:190.0 Cr:86.8
XYZ	X:27.2 Y:24.5 Z:92.9
xyY	x:0.188 y:0.169 Y:24.5

CIE Lab	L:56.6 a:16.7 b*:-64.5
CIE LCh	L:56.6 C:66.7 h:284.5
CIE Luv	L:56.6 u:-26.7 v*:-103.6
Hunter Lab	L:49.5 a:11.5 b:-76.6

#3A85F9 の色相別色一覧

#F94F3A

#F97E3A

#F9AE3A

#F9DE3A

#E5F93A

#B5F93A

#85F93A

#55F93A

#3AF94F

#3AF97E

#3AF9AE

#3AF9DE

#3AE5F9

#3AB5F9

#3A85F9

#3A55F9

#4F3AF9

#7E3AF9

#AE3AF9

#DE3AF9

#F93AE5

#F93AB5

#F93A85

#F93A55

#3A85F9 の彩度別色一覧

#F5F6F9

#E8EFF9

#DCE7F9

#CFE0F9

#C3D8F9

#B7D1F9

#AAC9F9

#9EC1F9

#91BAF9

#85B2F9

#78ABF9

#6CA3F9

#5F9CF9

#5394F9

#468DF9

#3A85F9

#2E7DF9

#2176F9

#156EF9

#0867F9

#3A85F9 の明度別色一覧

#020407

#050A14

#081120

#0A182D

#0D1F3A

#102647

#132C53

#163360

#193A6D

#1C417A

#1F4886

#224F93

#2555A0

#285CAD

#2B63B9

#2E6AC6

#3171D3

#3477E0

#377EEC

#3A85F9

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

#165B96

#0B225C

#3A85F9

#0C2D75

#0637C2

#1F3954

#0A2B75

#3A85F9

#345E96

#3686D4

#3A85F9

#166BC2

#072659

#0C4580

#10409C

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

#39FF79

#FF555C

#CCE545

#3A85F9

#DB46FF

#FAFF31

#3A85F9

#FF3447

#2EEC3F

#E143FF

#D7EF30

#3A85F9

#29EC68

#E627EF

#F64142

#3A85F9 を使ったカマイユ

#4B85FF

#206EE0

#368FFF

#549BFC

#3A85F9

#2779EF

#4B98FF

#3A85F9

#4695FF

#508CFF

#3A85F9

#378CF6

#4789E2

#3174FF

#509AFF

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

#408FDA

#547DF4

#5AA6FF

#3A85F9

#1492EF

#2085E0

#1385E5

#3A85F9

#1249D8

#528EFF

#1D63FF

#579FFF

#2F7AE7

#42B0F1

#3A85F9

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

#1C2E4A

#DCE6F5

#476AA1

#4D81D1

#3A85F9

#0C1B33

#B8D3FC

#415D8A

#486899

#00317D

#678EC9

#3A85F9

#34445C

#2C3E59

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

#556987

#4672B8

#3A85F9

#4876BD

#3A85F9

#374B6B

#0844A1

#3E4C61

#3A85F9

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

#3A85F9

#F93A85

#85F93A

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

#F9EE3A

#3A85F9

#F96E3A

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

#3A85F9

#F93AE5

#F9AE3A

#3AF94F

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

#3A85F9

#F9AE3A

#3A85F9

#B7D1F9

#3A85F9

#183666

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

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

#3A85F9

#3A85F9 の色情報

#3A85F9 の色相別色一覧

#3A85F9 の彩度別色一覧

#3A85F9 の明度別色一覧

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

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

#3A85F9 を使ったカマイユ

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

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

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

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

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

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

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