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

#3BA7E2 の色情報

#3BA7E2

画像
HEX	#3BA7E2
RGB	R:59 G:167 B:226
RGBの割合	R:23.1% G:65.5% B:88.6%
HSV	H:201.2 S:73.9 V:88.6
HSL	H:201.2 S:74.2 L:55.9
CMY	C:76.9 M:34.5 Y:11.4

CMYK	C:73.9 M:26.1 Y:0.0 K:11.4
YCbCr	Y:137.5 Cb:169.9 Cr:76.4
XYZ	X:29.3 Y:34.1 Z:77.0
xyY	x:0.209 y:0.243 Y:34.1

CIE Lab	L:65.0 a:-11.2 b*:-38.5
CIE LCh	L:65.0 C:40.1 h:253.8
CIE Luv	L:65.0 u:-38.6 v*:-59.9
Hunter Lab	L:58.4 a:-12.4 b:-37.4

#3BA7E2 の色相別色一覧

#E24C3B

#E2763B

#E2A03B

#E2CA3B

#D1E23B

#A7E23B

#7DE23B

#54E23B

#3BE24C

#3BE276

#3BE2A0

#3BE2CA

#3BD1E2

#3BA7E2

#3B7DE2

#3B54E2

#4C3BE2

#763BE2

#A03BE2

#CA3BE2

#E23BD1

#E23BA7

#E23B7D

#E23B54

#3BA7E2 の彩度別色一覧

#D9DFE2

#CEDBE2

#C3D7E2

#B7D3E2

#ACCFE2

#A1CBE2

#95C7E2

#8AC3E2

#7FBFE2

#74BBE2

#68B7E2

#5DB3E2

#52AFE2

#46ABE2

#3BA7E2

#30A3E2

#249FE2

#199BE2

#0E97E2

#0393E2

#3BA7E2 の明度別色一覧

#020709

#061016

#091A23

#0C2330

#102D3C

#133649

#163F56

#1A4963

#1D526F

#205C7C

#246589

#276E96

#2A78A2

#2E81AF

#318BBC

#3494C9

#389ED5

#3BA7E2

#3EB0EF

#42BAFC

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

#1F5D6B

#062D54

#1766B0

#13749C

#3BA7E2

#226578

#1E5C8F

#103757

#45A4C4

#195E8C

#183A4A

#337EC4

#3BA7E2

#30626E

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

#3BA7E2

#91D328

#29D5A8

#F95B57

#AF48DA

#3BA7E2

#FCF958

#40D546

#F43360

#882BD8

#E53535

#B739EC

#DEE535

#3BA7E2

#27E544

#3BA7E2 を使ったカマイユ

#33AFE5

#4997CB

#239DCE

#299DCB

#3BA7E2

#289AD0

#46ACDF

#3AB9F9

#3BA7E2

#2883C9

#33A1D5

#3BA7E2

#2592E7

#2BADF9

#48A0DF

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

#5FBEFF

#4881BC

#55D1F1

#66C1FF

#3BA7E2

#4BD2F1

#297CD5

#1FA1DA

#57B3F6

#3BA7E2

#25BCCE

#53BDD5

#3BA7E2

#4EA2EC

#3F85C3

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

#1B3340

#3BA7E2

#2F5366

#15648F

#5F7C8C

#3BA7E2

#54778A

#3D6D87

#1A94D6

#15374A

#4495C2

#15648F

#4386AB

#3BA7E2

#088CD4

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

#3BA7E2

#E23BA7

#A7E23B

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

#E2AE3B

#3BA7E2

#E23E3B

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

#3BA7E2

#CA3BE2

#E2763B

#54E23B

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

#3BA7E2

#E2763B

#3BA7E2

#ACCFE2

#3BA7E2

#1B4B66

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

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

#3BA7E2

#3BA7E2 の色情報

#3BA7E2 の色相別色一覧

#3BA7E2 の彩度別色一覧

#3BA7E2 の明度別色一覧

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

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

#3BA7E2 を使ったカマイユ

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

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

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

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

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

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