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

#3AA6E2 の色情報

#3AA6E2

画像
HEX	#3AA6E2
RGB	R:58 G:166 B:226
RGBの割合	R:22.7% G:65.1% B:88.6%
HSV	H:201.4 S:74.3 V:88.6
HSL	H:201.4 S:74.3 L:55.7
CMY	C:77.3 M:34.9 Y:11.4

CMYK	C:74.3 M:26.5 Y:0.0 K:11.4
YCbCr	Y:136.7 Cb:170.3 Cr:76.3
XYZ	X:29.1 Y:33.7 Z:76.9
xyY	x:0.208 y:0.241 Y:33.7

CIE Lab	L:64.7 a:-10.8 b*:-39.0
CIE LCh	L:64.7 C:40.5 h:254.5
CIE Luv	L:64.7 u:-38.4 v*:-60.7
Hunter Lab	L:58.0 a:-12.0 b:-38.0

#3AA6E2 の色相別色一覧

#E24C3A

#E2763A

#E2A03A

#E2CA3A

#D0E23A

#A6E23A

#7CE23A

#52E23A

#3AE24C

#3AE276

#3AE2A0

#3AE2CA

#3AD0E2

#3AA6E2

#3A7CE2

#3A52E2

#4C3AE2

#763AE2

#A03AE2

#CA3AE2

#E23AD0

#E23AA6

#E23A7C

#E23A52

#3AA6E2 の彩度別色一覧

#D8DFE2

#CDDAE2

#C2D6E2

#B6D2E2

#ABCEE2

#A0CAE2

#94C6E2

#89C2E2

#7EBEE2

#73BAE2

#67B6E2

#5CB2E2

#51AEE2

#45AAE2

#3AA6E2

#2FA2E2

#239EE2

#189AE2

#0D96E2

#0292E2

#3AA6E2 の明度別色一覧

#020709

#061016

#091A23

#0C2330

#0F2C3C

#133649

#163F56

#194863

#1D526F

#205B7C

#236489

#266E96

#2A77A2

#2D81AF

#308ABC

#3393C9

#379DD5

#3AA6E2

#3DAFEF

#41B9FC

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

#0A4A69

#1D334A

#3AA6E2

#1893B0

#1F7E94

#3AA6E2

#1182B0

#1B627A

#147191

#243D54

#5195C7

#217696

#1C5F70

#1E3145

#3AA6E2

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

#8A48F1

#F4D64B

#2DE52E

#E5265E

#3AA6E2

#3FD584

#3AA6E2

#C4D539

#D5362C

#B538E5

#C3D52C

#EA504C

#52FC6A

#A43CDA

#3AA6E2

#3AA6E2 を使ったカマイユ

#3B9EDD

#4BAAE7

#3AA6E2

#218DD3

#33A5EA

#2B95DD

#3AA6E2

#44BDEF

#53AFEA

#43A2C9

#469DD0

#49A9EF

#3AA6E2

#4BAAE7

#48C1FC

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

#3AA6E2

#60B4F1

#35D8FF

#3AAEC3

#2384FE

#2EC8EC

#3AA6E2

#2597FE

#4CACEF

#3CA6FF

#36BDEC

#1AC1DD

#55BDD5

#56D4FF

#3AA6E2

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

#376680

#136491

#3AA6E2

#CADAE3

#5B6F7A

#0272B0

#C2DEED

#3AA6E2

#9BB4C2

#33789E

#4A7B96

#6FA3BF

#3AA6E2

#9EC7DE

#0F364D

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

#40545E

#036FAB

#3AA6E2

#688696

#3AA6E2

#033A59

#3AA6E2

#2A5A75

#6D90A3

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

#3AA6E2

#E23AA6

#A6E23A

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

#E2AE3A

#3AA6E2

#E23E3A

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

#3AA6E2

#CA3AE2

#E2763A

#52E23A

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

#3AA6E2

#E2763A

#3AA6E2

#ABCEE2

#3AA6E2

#1A4B66

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

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

#3AA6E2

#3AA6E2 の色情報

#3AA6E2 の色相別色一覧

#3AA6E2 の彩度別色一覧

#3AA6E2 の明度別色一覧

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

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

#3AA6E2 を使ったカマイユ

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

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

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

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

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

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

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