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

#3AA9E2 の色情報

#3AA9E2

画像
HEX	#3AA9E2
RGB	R:58 G:169 B:226
RGBの割合	R:22.7% G:66.3% B:88.6%
HSV	H:200.4 S:74.3 V:88.6
HSL	H:200.4 S:74.3 L:55.7
CMY	C:77.3 M:33.7 Y:11.4

CMYK	C:74.3 M:25.2 Y:0.0 K:11.4
YCbCr	Y:138.2 Cb:169.5 Cr:75.2
XYZ	X:29.7 Y:34.8 Z:77.1
xyY	x:0.210 y:0.246 Y:34.8

CIE Lab	L:65.6 a:-12.4 b*:-37.6
CIE LCh	L:65.6 C:39.6 h:251.7
CIE Luv	L:65.6 u:-39.5 v*:-58.3
Hunter Lab	L:59.0 a:-13.4 b:-36.3

#3AA9E2 の色相別色一覧

#E2493A

#E2733A

#E29D3A

#E2C73A

#D3E23A

#A9E23A

#7FE23A

#55E23A

#3AE249

#3AE273

#3AE29D

#3AE2C7

#3AD3E2

#3AA9E2

#3A7FE2

#3A55E2

#493AE2

#733AE2

#9D3AE2

#C73AE2

#E23AD3

#E23AA9

#E23A7F

#E23A55

#3AA9E2 の彩度別色一覧

#D8DFE2

#CDDBE2

#C2D7E2

#B6D3E2

#ABCFE2

#A0CCE2

#94C8E2

#89C4E2

#7EC0E2

#73BCE2

#67B8E2

#5CB5E2

#51B1E2

#45ADE2

#3AA9E2

#2FA5E2

#23A1E2

#189DE2

#0D9AE2

#0296E2

#3AA9E2 の明度別色一覧

#020709

#061016

#091A23

#0C2430

#0F2D3C

#133749

#164056

#194A63

#1D536F

#205D7C

#236689

#267096

#2A79A2

#2D83AF

#308CBC

#3396C9

#379FD5

#3AA9E2

#3DB3EF

#41BCFC

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

#204152

#437696

#0B5569

#44A4BF

#3AA9E2

#16454F

#366F94

#3AA9E2

#1473BD

#265D75

#124754

#305E78

#4999B0

#3AA9E2

#278AA3

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

#A347D3

#3AA9E2

#C2D524

#3AD04F

#D54662

#D3C43A

#3AA9E2

#A84DD8

#EA4576

#24D551

#F0F12D

#2AEC72

#8D2BF4

#F6294D

#3AA9E2

#3AA9E2 を使ったカマイユ

#4AABD5

#24AAE5

#3AA9E2

#52BCFC

#4BB4FC

#24A8E7

#3AA9E2

#34B1FC

#45B2DA

#43A6EA

#3CB0D8

#2DAAEF

#3AA9E2

#47ABEF

#3EA0CB

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

#2296C1

#1D89D3

#437ECE

#3AA9E2

#3CB2DA

#4AB1EA

#1B9DD3

#3AA9E2

#5BCBF9

#4C87C3

#45C0EA

#36AAF9

#3AA9E2

#1991EF

#4DB9F4

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

#1EADF7

#75BCE0

#4081A3

#3AA9E2

#155575

#36718F

#04364F

#6897B0

#656E73

#3AA9E2

#176F9C

#89C8E8

#29404D

#3AA9E2

#6C7980

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

#3AA9E2

#E23AA9

#A9E23A

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

#E2AB3A

#3AA9E2

#E23B3A

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

#3AA9E2

#C73AE2

#E2733A

#55E23A

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

#3AA9E2

#E2733A

#3AA9E2

#ABCFE2

#3AA9E2

#1A4C66

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

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

#3AA9E2

#3AA9E2 の色情報

#3AA9E2 の色相別色一覧

#3AA9E2 の彩度別色一覧

#3AA9E2 の明度別色一覧

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

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

#3AA9E2 を使ったカマイユ

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

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

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

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

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

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