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

#3486B2 の色情報

#3486B2

画像
HEX	#3486B2
RGB	R:52 G:134 B:178
RGBの割合	R:20.4% G:52.5% B:69.8%
HSV	H:201.0 S:70.8 V:69.8
HSL	H:201.0 S:54.8 L:45.1
CMY	C:79.6 M:47.5 Y:30.2

CMYK	C:70.8 M:24.7 Y:0.0 K:30.2
YCbCr	Y:114.3 Cb:159.5 Cr:88.9
XYZ	X:18.0 Y:21.0 Z:45.2
xyY	x:0.214 y:0.249 Y:21.0

CIE Lab	L:52.9 a:-10.2 b*:-30.4
CIE LCh	L:52.9 C:32.0 h:251.5
CIE Luv	L:52.9 u:-30.6 v*:-44.8
Hunter Lab	L:45.8 a:-10.2 b:-26.4

#3486B2 の色相別色一覧

#B24134

#B26034

#B28034

#B29F34

#A6B234

#86B234

#67B234

#47B234

#34B241

#34B260

#34B280

#34B29F

#34A6B2

#3486B2

#3467B2

#3447B2

#4134B2

#6034B2

#8034B2

#9F34B2

#B234A6

#B23486

#B23467

#B23447

#3486B2 の彩度別色一覧

#B1B2B2

#A8AEB2

#9FABB2

#96A8B2

#8DA5B2

#84A2B2

#7B9FB2

#729CB2

#6999B2

#6196B2

#5892B2

#4F8FB2

#468CB2

#3D89B2

#3486B2

#2B83B2

#2280B2

#197DB2

#107AB2

#0876B2

#3486B2 の明度別色一覧

#04090C

#071319

#0B1C26

#0F2633

#12303F

#16394C

#1A4359

#1E4C66

#215672

#25607F

#29698C

#2D7399

#307CA5

#3486B2

#3890BF

#3B99CC

#3FA3D8

#43ACE5

#47B6F2

#4AC0FF

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

#185669

#3486B2

#2DB8EB

#3F6891

#133E54

#1BC0F2

#294054

#3486B2

#2A7896

#1F547A

#3F6F8C

#1F3852

#30526B

#19ADF7

#3486B2

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

#7F35AA

#BA2F56

#3486B2

#28BF32

#BAA833

#854BC4

#BCA53D

#C94786

#35BC2E

#3486B2

#A83642

#B4CC40

#38A354

#3486B2

#742C9E

#3486B2 を使ったカマイユ

#3486B2

#409AC6

#4795BA

#388DB5

#429ECC

#3486B2

#2980A8

#2E7CAF

#3478A0

#3885B5

#3486B2

#36829E

#2880BF

#3589AA

#3396C4

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

#3F7BC9

#30BCD8

#41859E

#3486B2

#5CB9D6

#3D6E99

#3486B2

#4083BC

#3D9FBF

#49A8D1

#3486B2

#29A0D3

#379DAA

#2B7ABA

#2F6A91

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

#294F63

#022538

#78CDFA

#3486B2

#2F414A

#003F61

#6ABEEB

#0574B0

#3486B2

#64B7E3

#3486B2

#023652

#588BA6

#293136

#2D96CF

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

#3486B2

#B23486

#86B234

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

#B28A34

#3486B2

#B23634

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

#3486B2

#9F34B2

#B26034

#47B234

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

#3486B2

#B26034

#3486B2

#8DA5B2

#3486B2

#4AC0FF

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

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

#3486B2

#3486B2 の色情報

#3486B2 の色相別色一覧

#3486B2 の彩度別色一覧

#3486B2 の明度別色一覧

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

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

#3486B2 を使ったカマイユ

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

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

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

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

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

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