#3684B0｜カラーサイト.com

#3684B0 の色情報

#3684B0

画像
HEX	#3684B0
RGB	R:54 G:132 B:176
RGBの割合	R:21.2% G:51.8% B:69.0%
HSV	H:201.6 S:69.3 V:69.0
HSL	H:201.6 S:53.0 L:45.1
CMY	C:78.8 M:48.2 Y:31.0

CMYK	C:69.3 M:25.0 Y:0.0 K:31.0
YCbCr	Y:113.7 Cb:158.9 Cr:90.6
XYZ	X:17.6 Y:20.4 Z:44.1
xyY	x:0.214 y:0.249 Y:20.4

CIE Lab	L:52.3 a:-9.4 b*:-30.2
CIE LCh	L:52.3 C:31.6 h:252.7
CIE Luv	L:52.3 u:-29.6 v*:-44.5
Hunter Lab	L:45.2 a:-9.5 b:-26.2

#3684B0 の色相別色一覧

#B04436

#B06236

#B08136

#B09F36

#A3B036

#84B036

#66B036

#47B036

#36B044

#36B062

#36B081

#36B09F

#36A3B0

#3684B0

#3666B0

#3647B0

#4436B0

#6236B0

#8136B0

#9F36B0

#B036A3

#B03684

#B03666

#B03647

#3684B0 の彩度別色一覧

#A8ADB0

#A0AAB0

#97A7B0

#8EA4B0

#85A1B0

#7C9DB0

#749AB0

#6B97B0

#6294B0

#5991B0

#508EB0

#488AB0

#3F87B0

#3684B0

#2D81B0

#247EB0

#1C7AB0

#1377B0

#0A74B0

#0171B0

#3684B0 の明度別色一覧

#03080A

#071117

#0B1B24

#0F2431

#132E3D

#17384A

#1B4157

#1F4B64

#225470

#265E7D

#2A678A

#2E7197

#327AA3

#3684B0

#3A8EBD

#3E97CA

#42A1D6

#46AAE3

#4AB4F0

#4DBDFD

#3684B0 を使ったトーンオントーン

#2E8DF7

#1E4B7A

#203B52

#336794

#3684B0

#27454F

#3DC2E6

#335F75

#52A7D4

#3684B0

#205B70

#73C4E3

#193B57

#406D96

#3684B0

#3684B0 を使ったトーンイントーン

#9A9E35

#2DB85F

#6832B5

#3684B0

#C74B71

#29C752

#3684B0

#7624AD

#A12845

#A8A43C

#B2C448

#AB283F

#9038C4

#41B55F

#3684B0

#3684B0 を使ったカマイユ

#429DBF

#3684B0

#2B9CC7

#3085CA

#3E92C4

#318EC7

#3684B0

#3B8EBA

#22679E

#2E99C2

#3684B0

#3094BA

#3E86B8

#2E82AD

#2F82BD

#3684B0 を使ったフォカマイユ

#5CA0CA

#50A4CA

#1E82A8

#3683BD

#3684B0

#208699

#5A9CCA

#3C85D1

#2BACCF

#3684B0

#417394

#2763AB

#22A9BF

#3684B0

#4970A1

#3684B0 を使ったドミナントカラー

#1E8AC7

#6193B0

#3684B0

#82B9D9

#1B394A

#2993CF

#1DA7F5

#66BCED

#3B708F

#3684B0

#89B1C7

#3684B0

#5EA0C4

#4DA5D6

#598CA8

#3684B0 を使ったアイデンティティ

#587485

#3684B0

#2399DB

#466B80

#029FF7

#3684B0

#648191

#028BD9

#3684B0

#3684B0 を使ったトライアド

#3684B0

#B03684

#84B036

#3684B0 を使ったスプリットコンプリメンタリー

#B08B36

#3684B0

#B03936

#3684B0 を使ったテトラード

#3684B0

#9F36B0

#B06236

#47B036

#3684B0 を使ったコントラスト

#3684B0

#B06236

#3684B0

#8EA4B0

#3684B0

#4EBFFF

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

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

#3684B0

#3684B0 の色情報

#3684B0 の色相別色一覧

#3684B0 の彩度別色一覧

#3684B0 の明度別色一覧

#3684B0 を使ったトーンオントーン

#3684B0 を使ったトーンイントーン

#3684B0 を使ったカマイユ

#3684B0 を使ったフォカマイユ

#3684B0 を使ったドミナントカラー

#3684B0 を使ったアイデンティティ

#3684B0 を使ったトライアド

#3684B0 を使ったスプリットコンプリメンタリー

#3684B0 を使ったテトラード

#3684B0 を使ったコントラスト