#348AB2｜カラーサイト.com

#348AB2 の色情報

#348AB2

画像
HEX	#348AB2
RGB	R:52 G:138 B:178
RGBの割合	R:20.4% G:54.1% B:69.8%
HSV	H:199.0 S:70.8 V:69.8
HSL	H:199.0 S:54.8 L:45.1
CMY	C:79.6 M:45.9 Y:30.2

CMYK	C:70.8 M:22.5 Y:0.0 K:30.2
YCbCr	Y:116.4 Cb:158.3 Cr:87.4
XYZ	X:18.5 Y:22.1 Z:45.4
xyY	x:0.215 y:0.257 Y:22.1

CIE Lab	L:54.2 a:-12.4 b*:-28.5
CIE LCh	L:54.2 C:31.1 h:246.4
CIE Luv	L:54.2 u:-32.1 v*:-41.7
Hunter Lab	L:47.0 a:-11.9 b:-24.3

#348AB2 の色相別色一覧

#B23D34

#B25C34

#B27C34

#B29B34

#AAB234

#8AB234

#6BB234

#4BB234

#34B23D

#34B25C

#34B27C

#34B29B

#34AAB2

#348AB2

#346BB2

#344BB2

#3D34B2

#5C34B2

#7C34B2

#9B34B2

#B234AA

#B2348A

#B2346B

#B2344B

#348AB2 の彩度別色一覧

#B1B2B2

#A8AFB2

#9FACB2

#96A9B2

#8DA6B2

#84A3B2

#7BA1B2

#729EB2

#699BB2

#6198B2

#5895B2

#4F92B2

#4690B2

#3D8DB2

#348AB2

#2B87B2

#2284B2

#1982B2

#107FB2

#087CB2

#348AB2 の明度別色一覧

#04090C

#071319

#0B1D26

#0F2733

#12313F

#163B4C

#1A4559

#1E4F66

#215972

#25627F

#296C8C

#2D7699

#3080A5

#348AB2

#3894BF

#3B9ECC

#3FA8D8

#43B2E5

#47BBF2

#4AC5FF

#348AB2 を使ったトーンオントーン

#348AB2

#4BC9F7

#1E586E

#13374A

#498594

#60B4F0

#163A52

#4DA8CF

#348AB2

#104E7A

#366A96

#204852

#2D5E75

#348AB2

#7ADAF7

#348AB2 を使ったトーンイントーン

#1FA328

#743DBC

#348AB2

#A52144

#A89942

#712EAA

#AD3468

#348AB2

#B7AD25

#2FBC5A

#35C454

#AF3E54

#C2C939

#348AB2

#8833C1

#348AB2 を使ったカマイユ

#348AB2

#3196B5

#2B83A3

#247BB5

#2988B7

#2F7CA5

#4795BF

#348AB2

#2A739B

#227EAF

#348AB2

#226D99

#3E88A8

#2D92C4

#3F7EA5

#348AB2 を使ったフォカマイユ

#418BBA

#348AB2

#4182A5

#4195AA

#208DA8

#249EBC

#348AB2

#48CFD8

#46BDD8

#2280D3

#348AB2

#41BDD1

#387A8E

#2567A5

#569ECC

#348AB2 を使ったドミナントカラー

#343C40

#348AB2

#53A7CF

#022A3D

#9AC5D9

#5CA8CC

#297496

#348AB2

#5B98B5

#2F7494

#3190BD

#344D59

#45B3E6

#348AB2

#5A666B

#348AB2 を使ったトライアド

#348AB2

#B2348A

#8AB234

#348AB2 を使ったスプリットコンプリメンタリー

#B28634

#348AB2

#B23436

#348AB2 を使ったテトラード

#348AB2

#9B34B2

#B25C34

#4BB234

#348AB2 を使ったコントラスト

#348AB2

#B25C34

#348AB2

#8DA6B2

#348AB2

#4AC6FF

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

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

#348AB2

#348AB2 の色情報

#348AB2 の色相別色一覧

#348AB2 の彩度別色一覧

#348AB2 の明度別色一覧

#348AB2 を使ったトーンオントーン

#348AB2 を使ったトーンイントーン

#348AB2 を使ったカマイユ

#348AB2 を使ったフォカマイユ

#348AB2 を使ったドミナントカラー

#348AB2 を使ったトライアド

#348AB2 を使ったスプリットコンプリメンタリー

#348AB2 を使ったテトラード

#348AB2 を使ったコントラスト