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

#3A8EE2 の色情報

#3A8EE2

画像
HEX	#3A8EE2
RGB	R:58 G:142 B:226
RGBの割合	R:22.7% G:55.7% B:88.6%
HSV	H:210.0 S:74.3 V:88.6
HSL	H:210.0 S:74.3 L:55.7
CMY	C:77.3 M:44.3 Y:11.4

CMYK	C:74.3 M:37.2 Y:0.0 K:11.4
YCbCr	Y:124.6 Cb:177.3 Cr:85.2
XYZ	X:25.1 Y:25.7 Z:75.6
xyY	x:0.199 y:0.203 Y:25.7

CIE Lab	L:57.8 a:2.9 b*:-49.9
CIE LCh	L:57.8 C:50.0 h:273.4
CIE Luv	L:57.8 u:-30.3 v*:-79.1
Hunter Lab	L:50.7 a:-0.3 b:-52.8

#3A8EE2 の色相別色一覧

#E23A3A

#E2643A

#E28E3A

#E2B83A

#E2E23A

#B8E23A

#8EE23A

#64E23A

#3AE23A

#3AE264

#3AE28E

#3AE2B8

#3AE2E2

#3AB8E2

#3A8EE2

#3A64E2

#3A3AE2

#643AE2

#8E3AE2

#B83AE2

#E23AE2

#E23AB8

#E23A8E

#E23A64

#3A8EE2 の彩度別色一覧

#D8DDE2

#CDD7E2

#C2D2E2

#B6CCE2

#ABC7E2

#A0C1E2

#94BBE2

#89B6E2

#7EB0E2

#73AAE2

#67A5E2

#5C9FE2

#5199E2

#4594E2

#3A8EE2

#2F88E2

#2383E2

#187DE2

#0D77E2

#0272E2

#3A8EE2 の明度別色一覧

#020609

#060E16

#091623

#0C1E30

#0F263C

#132E49

#163656

#193E63

#1D466F

#204E7C

#235689

#265E96

#2A66A2

#2D6EAF

#3076BC

#337EC9

#3786D5

#3A8EE2

#3D96EF

#419EFC

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

#3A8EE2

#376599

#0C2945

#3A70B3

#114875

#0E4D94

#0F234A

#3A8EE2

#417BC2

#0D507A

#3A5F8C

#1F80B0

#3A8EE2

#082C57

#104F70

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

#ACDF4D

#CE2F31

#B925D3

#3A8EE2

#38F9B9

#BBD82D

#47EF9E

#D23CF4

#3A8EE2

#F9363C

#F64C47

#A9D321

#3A8EE2

#4BE775

#B344D5

#3A8EE2 を使ったカマイユ

#3A8EE2

#3E88D8

#3982E7

#2181D5

#4083CB

#3797DF

#248DD8

#3A8EE2

#3F99DA

#338BEA

#3A8EE2

#348FDA

#50AAEF

#389FF9

#389DF6

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

#5198CB

#3A8EE2

#266DF1

#6596FF

#5389EF

#4791C6

#3363EA

#43C5F4

#3A8EE2

#3D91C1

#3A8EE2

#317AEF

#3ABFF4

#42A4EF

#4A89BC

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

#3881C9

#456382

#618CB8

#3A8EE2

#54789C

#8BB6E0

#5793CF

#3A8EE2

#34506B

#82BEFA

#3A8EE2

#343E47

#086BCF

#4D5257

#B6D4F2

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

#3A8EE2

#394B5E

#4F80B0

#2390FC

#3A8EE2

#344B61

#013D78

#3A8EE2

#B0D7FF

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

#3A8EE2

#E23A8E

#8EE23A

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

#E2C63A

#3A8EE2

#E2563A

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

#3A8EE2

#E23AE2

#E28E3A

#3AE23A

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

#3A8EE2

#E28E3A

#3A8EE2

#ABC7E2

#3A8EE2

#1A4066

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

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

#3A8EE2

#3A8EE2 の色情報

#3A8EE2 の色相別色一覧

#3A8EE2 の彩度別色一覧

#3A8EE2 の明度別色一覧

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

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

#3A8EE2 を使ったカマイユ

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

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

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

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

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

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

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