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

#3BA9E2 の色情報

#3BA9E2

画像
HEX	#3BA9E2
RGB	R:59 G:169 B:226
RGBの割合	R:23.1% G:66.3% B:88.6%
HSV	H:200.5 S:73.9 V:88.6
HSL	H:200.5 S:74.2 L:55.9
CMY	C:76.9 M:33.7 Y:11.4

CMYK	C:73.9 M:25.2 Y:0.0 K:11.4
YCbCr	Y:138.5 Cb:169.3 Cr:75.7
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.3 b*:-37.6
CIE LCh	L:65.6 C:39.6 h:251.9
CIE Luv	L:65.6 u:-39.3 v*:-58.3
Hunter Lab	L:59.0 a:-13.3 b:-36.2

#3BA9E2 の色相別色一覧

#E24A3B

#E2743B

#E29E3B

#E2C83B

#D3E23B

#A9E23B

#7FE23B

#56E23B

#3BE24A

#3BE274

#3BE29E

#3BE2C8

#3BD3E2

#3BA9E2

#3B7FE2

#3B56E2

#4A3BE2

#743BE2

#9E3BE2

#C83BE2

#E23BD3

#E23BA9

#E23B7F

#E23B56

#3BA9E2 の彩度別色一覧

#D9DFE2

#CEDBE2

#C3D7E2

#B7D3E2

#ACD0E2

#A1CCE2

#95C8E2

#8AC4E2

#7FC0E2

#74BCE2

#68B8E2

#5DB5E2

#52B1E2

#46ADE2

#3BA9E2

#30A5E2

#24A1E2

#199DE2

#0E9AE2

#0396E2

#3BA9E2 の明度別色一覧

#020709

#061016

#091A23

#0C2430

#102D3C

#133749

#164056

#1A4A63

#1D536F

#205D7C

#246689

#277096

#2A79A2

#2E83AF

#318CBC

#3496C9

#389FD5

#3BA9E2

#3EB3EF

#42BCFC

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

#0E4A59

#076275

#0D7CB5

#275C94

#3BA9E2

#397899

#2B5E7D

#3BA9E2

#1195BF

#0E3D4F

#0B344F

#3BA9E2

#2882BF

#25546E

#396D91

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

#9032D0

#25E72A

#3BA9E2

#ECD728

#CB274C

#CB2338

#A73FF9

#47DD5A

#3BA9E2

#D8D74C

#ADCB2D

#F95270

#53FC92

#AF51DF

#3BA9E2

#3BA9E2 を使ったカマイユ

#43A0E5

#359FE7

#3BA9E2

#3D94CB

#50B2F1

#46ACEA

#2B9CEF

#3BA9E2

#49A7D0

#218BCB

#37B2DD

#52BDF9

#379FEC

#28ACF6

#3BA9E2

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

#1CACE7

#2693FC

#3BA9E2

#1ACAE7

#54A0EF

#3593EF

#3BA9E2

#56B5FC

#67E7FC

#3C9DBC

#239FCE

#4DA7BC

#54D9FF

#4A9DFF

#3BA9E2

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

#3BA9E2

#498AAB

#313436

#89A1AD

#718691

#3BA9E2

#363B3D

#182F3B

#65818F

#0C4461

#435057

#375B6E

#7BA6BD

#3BA9E2

#4D5254

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

#3BA9E2

#5C7F91

#1480B8

#3BA9E2

#064463

#6D9BB3

#7DA4B8

#0E5980

#3BA9E2

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

#3BA9E2

#E23BA9

#A9E23B

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

#E2AC3B

#3BA9E2

#E23C3B

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

#3BA9E2

#C83BE2

#E2743B

#56E23B

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

#3BA9E2

#E2743B

#3BA9E2

#ACD0E2

#3BA9E2

#1B4C66

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

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

#3BA9E2

#3BA9E2 の色情報

#3BA9E2 の色相別色一覧

#3BA9E2 の彩度別色一覧

#3BA9E2 の明度別色一覧

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

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

#3BA9E2 を使ったカマイユ

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

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

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

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

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

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

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