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

#3A98E2 の色情報

#3A98E2

画像
HEX	#3A98E2
RGB	R:58 G:152 B:226
RGBの割合	R:22.7% G:59.6% B:88.6%
HSV	H:206.4 S:74.3 V:88.6
HSL	H:206.4 S:74.3 L:55.7
CMY	C:77.3 M:40.4 Y:11.4

CMYK	C:74.3 M:32.7 Y:0.0 K:11.4
YCbCr	Y:129.7 Cb:174.4 Cr:81.5
XYZ	X:26.7 Y:28.8 Z:76.1
xyY	x:0.203 y:0.219 Y:28.8

CIE Lab	L:60.6 a:-2.9 b*:-45.4
CIE LCh	L:60.6 C:45.5 h:266.3
CIE Luv	L:60.6 u:-33.6 v*:-71.6
Hunter Lab	L:53.7 a:-5.3 b:-46.4

#3A98E2 の色相別色一覧

#E25A3A

#E2843A

#E2AE3A

#E2D83A

#C2E23A

#98E23A

#6EE23A

#44E23A

#3AE25A

#3AE284

#3AE2AE

#3AE2D8

#3AC2E2

#3A98E2

#3A6EE2

#3A44E2

#5A3AE2

#843AE2

#AE3AE2

#D83AE2

#E23AC2

#E23A98

#E23A6E

#E23A44

#3A98E2 の彩度別色一覧

#D8DEE2

#CDD9E2

#C2D4E2

#B6CFE2

#ABCAE2

#A0C5E2

#94C0E2

#89BBE2

#7EB6E2

#73B1E2

#67ACE2

#5CA7E2

#51A2E2

#459DE2

#3A98E2

#2F93E2

#238EE2

#1889E2

#0D84E2

#027FE2

#3A98E2 の明度別色一覧

#020609

#060F16

#091723

#0C2030

#0F293C

#133149

#163A56

#194263

#1D4B6F

#20537C

#235C89

#266596

#2A6DA2

#2D76AF

#307EBC

#3387C9

#378FD5

#3A98E2

#3DA1EF

#41A9FC

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

#0F4470

#2090C2

#20394D

#296299

#3A98E2

#5194C2

#0F688F

#204975

#1D415C

#405F8F

#16394A

#1C4070

#3086BA

#3A98E2

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

#D2DF2A

#3A98E2

#F13C65

#8D26CB

#44F678

#30EA4A

#3A98E2

#CEDA4E

#EF2D28

#A040CB

#982FF1

#44EF76

#3A98E2

#E54F76

#CBDA4A

#3A98E2 を使ったカマイユ

#57ACF4

#468CCB

#3A98E2

#3CADFC

#4A9DF9

#267ED8

#3A98E2

#4396D3

#4297EF

#30A7EA

#308CEA

#3EAAEA

#3A98E2

#2D93EF

#408DD8

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

#4994FF

#3A98E2

#4573DA

#3D6CD5

#4FBFF1

#1E82CB

#43B1EA

#2194BC

#3770E7

#3A98E2

#20B1FC

#2993D3

#4C8BD5

#37CCFF

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

#1181D9

#243847

#3A98E2

#A1CCED

#237DC4

#0B528A

#435766

#3A98E2

#65B2F0

#576F82

#10283B

#419EE8

#3A98E2

#8BA0B0

#7BA0BD

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

#145385

#3A98E2

#62849E

#3A98E2

#6D94B3

#2E4D66

#065594

#3A98E2

#32495C

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

#3A98E2

#E23A98

#98E23A

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

#E2BC3A

#3A98E2

#E24C3A

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

#3A98E2

#D83AE2

#E2843A

#44E23A

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

#3A98E2

#E2843A

#3A98E2

#ABCAE2

#3A98E2

#1A4566

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

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

#3A98E2

#3A98E2 の色情報

#3A98E2 の色相別色一覧

#3A98E2 の彩度別色一覧

#3A98E2 の明度別色一覧

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

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

#3A98E2 を使ったカマイユ

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

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

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

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

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

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

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