#2BA3F9｜カラーサイト.com

#2BA3F9 の色情報

#2BA3F9

画像
HEX	#2BA3F9
RGB	R:43 G:163 B:249
RGBの割合	R:16.9% G:63.9% B:97.6%
HSV	H:205.0 S:82.7 V:97.6
HSL	H:205.0 S:94.5 L:57.3
CMY	C:83.1 M:36.1 Y:2.4

CMYK	C:82.7 M:34.5 Y:0.0 K:2.4
YCbCr	Y:133.6 Cb:183.5 Cr:69.2
XYZ	X:31.2 Y:33.5 Z:94.5
xyY	x:0.196 y:0.211 Y:33.5

CIE Lab	L:64.6 a:-2.5 b*:-51.8
CIE LCh	L:64.6 C:51.8 h:267.2
CIE Luv	L:64.6 u:-38.1 v*:-83.2
Hunter Lab	L:57.9 a:-5.2 b:-56.2

#2BA3F9 の色相別色一覧

#F94E2B

#F9812B

#F9B52B

#F9E82B

#D7F92B

#A3F92B

#70F92B

#3CF92B

#2BF94E

#2BF981

#2BF9B5

#2BF9E8

#2BD7F9

#2BA3F9

#2B70F9

#2B3CF9

#4E2BF9

#812BF9

#B52BF9

#E82BF9

#F92BD7

#F92BA3

#F92B70

#F92B3C

#2BA3F9 の彩度別色一覧

#F2F6F9

#E6F1F9

#D9ECF9

#CDE7F9

#C0E1F9

#B4DCF9

#A8D7F9

#9BD2F9

#8FCDF9

#82C7F9

#76C2F9

#69BDF9

#5DB8F9

#50B3F9

#44ADF9

#37A8F9

#2BA3F9

#1F9EF9

#1299F9

#0693F9

#2BA3F9 の明度別色一覧

#010407

#030D14

#061520

#081D2D

#0A263A

#0C2E47

#0E3653

#113F60

#13476D

#15507A

#175886

#196093

#1C69A0

#1E71AD

#2079B9

#2282C6

#248AD3

#2792E0

#299BEC

#2BA3F9

#2BA3F9 を使ったトーンオントーン

#148AD4

#076382

#0E3752

#3E88A6

#2BA3F9

#3C7FCC

#2BA3F9

#105073

#125F96

#0F2D45

#2BA3F9

#0F6191

#1F495E

#2F5482

#3FA4C9

#2BA3F9 を使ったトーンイントーン

#F8FC17

#2BA3F9

#E01E31

#13EA30

#B423E5

#3BFF4C

#9336E0

#E5315A

#2BA3F9

#FCF230

#2BA3F9

#A0FF13

#EF4730

#40FEAC

#B413E5

#2BA3F9 を使ったカマイユ

#43A1F4

#2FA8EA

#2BA3F9

#1684EC

#1FADFF

#1392E7

#3E9EFF

#1DB0FF

#1F9CFC

#2BA3F9

#1DA8FF

#24A5FC

#27B3FF

#40BBFE

#2BA3F9

#2BA3F9 を使ったフォカマイユ

#0883FF

#0D6AFF

#2BA3F9

#3DC7F1

#4BC8EF

#3E88FF

#1F8EFE

#1BB6DD

#3281E2

#2BA3F9

#24C1FF

#279EFF

#20BDDD

#0C7BEA

#2BA3F9 を使ったドミナントカラー

#0561A3

#2BA3F9

#0A2C45

#2390DE

#6DBEF7

#2BA3F9

#548BB3

#A1A7AB

#114A73

#0967AB

#2BA3F9

#1C384D

#223645

#508AB3

#4B8DBD

#2BA3F9 を使ったアイデンティティ

#2BA3F9

#4D738F

#5D9FCF

#80B4D9

#255D85

#2BA3F9

#3A4E5C

#49A0DE

#2BA3F9 を使ったトライアド

#2BA3F9

#F92BA3

#A3F92B

#2BA3F9 を使ったスプリットコンプリメンタリー

#F9C62B

#2BA3F9

#F93C2B

#2BA3F9 を使ったテトラード

#2BA3F9

#E82BF9

#F9812B

#3CF92B

#2BA3F9 を使ったコントラスト

#2BA3F9

#F9812B

#2BA3F9

#A8D7F9

#2BA3F9

#124366

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

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

#2BA3F9

#2BA3F9 の色情報

#2BA3F9 の色相別色一覧

#2BA3F9 の彩度別色一覧

#2BA3F9 の明度別色一覧

#2BA3F9 を使ったトーンオントーン

#2BA3F9 を使ったトーンイントーン

#2BA3F9 を使ったカマイユ

#2BA3F9 を使ったフォカマイユ

#2BA3F9 を使ったドミナントカラー

#2BA3F9 を使ったアイデンティティ

#2BA3F9 を使ったトライアド

#2BA3F9 を使ったスプリットコンプリメンタリー

#2BA3F9 を使ったテトラード

#2BA3F9 を使ったコントラスト