#3197B2｜カラーサイト.com

#3197B2 の色情報

#3197B2

画像
HEX	#3197B2
RGB	R:49 G:151 B:178
RGBの割合	R:19.2% G:59.2% B:69.8%
HSV	H:192.6 S:72.5 V:69.8
HSL	H:192.6 S:56.8 L:44.5
CMY	C:80.8 M:40.8 Y:30.2

CMYK	C:72.5 M:15.2 Y:0.0 K:30.2
YCbCr	Y:122.1 Cb:154.9 Cr:81.3
XYZ	X:20.4 Y:26.0 Z:46.1
xyY	x:0.220 y:0.281 Y:26.0

CIE Lab	L:58.0 a:-19.9 b*:-22.5
CIE LCh	L:58.0 C:30.0 h:228.5
CIE Luv	L:58.0 u:-37.3 v*:-31.5
Hunter Lab	L:51.0 a:-17.9 b:-17.9

#3197B2 の色相別色一覧

#B24C31

#B26C31

#B28D31

#B2AD31

#97B231

#77B231

#57B231

#36B231

#31B24C

#31B26C

#31B28D

#31B2AD

#3197B2

#3177B2

#3157B2

#3136B2

#4C31B2

#6C31B2

#8D31B2

#AD31B2

#B23197

#B23177

#B23157

#B23136

#3197B2 の彩度別色一覧

#AEB1B2

#A5AFB2

#9CADB2

#93ABB2

#8AAAB2

#81A8B2

#78A6B2

#6FA4B2

#66A2B2

#5EA0B2

#559EB2

#4C9DB2

#439BB2

#3A99B2

#3197B2

#2895B2

#1F93B2

#1691B2

#0D90B2

#058EB2

#3197B2 の明度別色一覧

#030A0C

#071519

#0A2026

#0E2B33

#11363F

#15404C

#184B59

#1C5666

#1F6172

#236C7F

#26778C

#2A8199

#2D8CA5

#3197B2

#35A2BF

#38ADCC

#3CB7D8

#3FC2E5

#43CDF2

#46D8FF

#3197B2 を使ったトーンオントーン

#226778

#3197B2

#18ECFA

#458091

#224E52

#44C7ED

#16C4CF

#104C6E

#1E4B59

#3197B2

#0B6D8C

#71DDF7

#3197B2

#116A6E

#204F5C

#3197B2 を使ったトーンイントーン

#8427C9

#3197B2

#33C96C

#C5C64A

#AD2E59

#AFB731

#3B9E60

#8541B7

#3197B2

#C63943

#6333C6

#BA8C26

#AA3E7A

#44BF2D

#3197B2

#3197B2 を使ったカマイユ

#47A6C1

#2A8EA5

#2CB7CC

#3197B2

#2A96A5

#3197B2

#47B9C9

#4499B5

#3D90AF

#337B99

#23A4BC

#3197B2

#33A8C1

#1F94A5

#3997B5

#3197B2 を使ったフォカマイユ

#1F8D8E

#4685A5

#46B0C6

#20BFBE

#3197B2

#3C9FCC

#52D1CB

#247F8E

#225E91

#1BA39F

#3197B2

#1568A5

#4B97BF

#458EAA

#3197B2 を使ったドミナントカラー

#86ADB8

#70BBCF

#4E5D61

#3197B2

#95C0CC

#28CEFA

#27758A

#274147

#3197B2

#4ECCED

#4C9BB0

#3197B2

#36788A

#89CEE0

#1D778F

#3197B2 を使ったトライアド

#3197B2

#B23197

#97B231

#3197B2 を使ったスプリットコンプリメンタリー

#B27731

#3197B2

#B23141

#3197B2 を使ったテトラード

#3197B2

#8D31B2

#B24C31

#57B231

#3197B2 を使ったコントラスト

#3197B2

#B24C31

#3197B2

#8AAAB2

#3197B2

#46D8FF

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

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

#3197B2

#3197B2 の色情報

#3197B2 の色相別色一覧

#3197B2 の彩度別色一覧

#3197B2 の明度別色一覧

#3197B2 を使ったトーンオントーン

#3197B2 を使ったトーンイントーン

#3197B2 を使ったカマイユ

#3197B2 を使ったフォカマイユ

#3197B2 を使ったドミナントカラー

#3197B2 を使ったトライアド

#3197B2 を使ったスプリットコンプリメンタリー

#3197B2 を使ったテトラード

#3197B2 を使ったコントラスト