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

#3BA4E2 の色情報

#3BA4E2

画像
HEX	#3BA4E2
RGB	R:59 G:164 B:226
RGBの割合	R:23.1% G:64.3% B:88.6%
HSV	H:202.3 S:73.9 V:88.6
HSL	H:202.3 S:74.2 L:55.9
CMY	C:76.9 M:35.7 Y:11.4

CMYK	C:73.9 M:27.4 Y:0.0 K:11.4
YCbCr	Y:136.0 Cb:170.8 Cr:77.5
XYZ	X:28.8 Y:33.0 Z:76.8
xyY	x:0.208 y:0.238 Y:33.0

CIE Lab	L:64.1 a:-9.6 b*:-39.9
CIE LCh	L:64.1 C:41.0 h:256.5
CIE Luv	L:64.1 u:-37.6 v*:-62.2
Hunter Lab	L:57.4 a:-10.9 b:-39.1

#3BA4E2 の色相別色一覧

#E24F3B

#E2793B

#E2A33B

#E2CD3B

#CEE23B

#A4E23B

#7AE23B

#50E23B

#3BE24F

#3BE279

#3BE2A3

#3BE2CD

#3BCEE2

#3BA4E2

#3B7AE2

#3B50E2

#4F3BE2

#793BE2

#A33BE2

#CD3BE2

#E23BCE

#E23BA4

#E23B7A

#E23B50

#3BA4E2 の彩度別色一覧

#D9DFE2

#CEDBE2

#C3D6E2

#B7D2E2

#ACCEE2

#A1CAE2

#95C6E2

#8AC1E2

#7FBDE2

#74B9E2

#68B5E2

#5DB1E2

#52ACE2

#46A8E2

#3BA4E2

#30A0E2

#249CE2

#1997E2

#0E93E2

#038FE2

#3BA4E2 の明度別色一覧

#020709

#061016

#091923

#0C2230

#102C3C

#133549

#163E56

#1A4763

#1D516F

#205A7C

#246389

#276C96

#2A76A2

#2E7FAF

#3188BC

#3491C9

#389BD5

#3BA4E2

#3EADEF

#42B7FC

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

#376680

#3BA4E2

#235A99

#2185B8

#072547

#2C6296

#3EA3BD

#3BA4E2

#1D3959

#205078

#156391

#4D93BA

#3BA4E2

#074470

#1C364D

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

#E54E6B

#5AFC58

#3BA4E2

#EFD630

#934EEC

#3BA4E2

#CEC542

#55EC79

#EC2B54

#9937DD

#3BA4E2

#CED84E

#8D2ADD

#F63454

#42EA78

#3BA4E2 を使ったカマイユ

#3BA4E2

#57B8F6

#359CDD

#2DA0EA

#42A0EA

#57C6F6

#2788CE

#55C7F9

#3BA4E2

#47ABF4

#31B3E7

#2598CE

#26ABEF

#3BA4E2

#4CB7FC

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

#2DCCEA

#4A7CCE

#3BA4E2

#207AF1

#63C2FE

#3BA4E2

#57DBF9

#57CDF9

#1F72C1

#458AF4

#49ABEA

#3086D8

#3188E7

#3BA4E2

#5D93E7

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

#174763

#3BA4E2

#738E9E

#274B61

#0A4263

#3BA4E2

#6C8594

#1287CC

#87C4E8

#253138

#6B828F

#2D5770

#2F424D

#3BA4E2

#06273B

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

#3BA4E2

#4784A8

#495D69

#0970AD

#45687D

#3BA4E2

#4B5F6B

#007AC2

#3BA4E2

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

#3BA4E2

#E23BA4

#A4E23B

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

#E2B13B

#3BA4E2

#E2413B

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

#3BA4E2

#CD3BE2

#E2793B

#50E23B

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

#3BA4E2

#E2793B

#3BA4E2

#ACCEE2

#3BA4E2

#1B4A66

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

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

#3BA4E2

#3BA4E2 の色情報

#3BA4E2 の色相別色一覧

#3BA4E2 の彩度別色一覧

#3BA4E2 の明度別色一覧

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

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

#3BA4E2 を使ったカマイユ

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

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

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

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

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

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

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