#369BD7｜カラーサイト.com

#369BD7 の色情報

#369BD7

画像
HEX	#369BD7
RGB	R:54 G:155 B:215
RGBの割合	R:21.2% G:60.8% B:84.3%
HSV	H:202.4 S:74.9 V:84.3
HSL	H:202.4 S:66.8 L:52.7
CMY	C:78.8 M:39.2 Y:15.7

CMYK	C:74.9 M:27.9 Y:0.0 K:15.7
YCbCr	Y:129.1 Cb:169.3 Cr:79.4
XYZ	X:25.5 Y:29.1 Z:68.6
xyY	x:0.207 y:0.236 Y:29.1

CIE Lab	L:60.9 a:-8.9 b*:-38.9
CIE LCh	L:60.9 C:39.9 h:257.0
CIE Luv	L:60.9 u:-35.8 v*:-60.1
Hunter Lab	L:54.0 a:-10.1 b:-37.5

#369BD7 の色相別色一覧

#D74A36

#D77236

#D79A36

#D7C336

#C3D736

#9BD736

#73D736

#4BD736

#36D74A

#36D772

#36D79A

#36D7C3

#36C3D7

#369BD7

#3673D7

#364BD7

#4A36D7

#7236D7

#9A36D7

#C336D7

#D736C3

#D7369B

#D73673

#D7364B

#369BD7 の彩度別色一覧

#CDD3D7

#C2CFD7

#B7CBD7

#ACC7D7

#A2C3D7

#97BFD7

#8CBBD7

#81B7D7

#77B3D7

#6CAFD7

#61ABD7

#56A7D7

#4CA3D7

#419FD7

#369BD7

#2B97D7

#2193D7

#168FD7

#0B8BD7

#0087D7

#369BD7 の明度別色一覧

#03080B

#061118

#091A25

#0C2431

#102D3E

#13364B

#163F58

#194864

#1C5171

#205B7E

#23648B

#266D97

#2976A4

#2C7FB1

#3089BE

#3392CA

#369BD7

#39A4E4

#3CADF1

#40B7FD

#369BD7 を使ったトーンオントーン

#2FABF5

#23466B

#43889C

#369BD7

#0D2B4A

#16374F

#12599E

#509FBA

#25586E

#369BD7

#185170

#369BD7

#183045

#278FF2

#317194

#369BD7 を使ったトーンイントーン

#48E160

#369BD7

#8237BE

#C53B6B

#C3B125

#C3A61F

#DF437E

#811FCF

#369BD7

#4BBE37

#E42E51

#2EC056

#8C39BE

#369BD7

#D1D446

#369BD7 を使ったカマイユ

#369BD7

#42ABE1

#2797E4

#2381CF

#3FA5D2

#2486C5

#369BD7

#259CDA

#34AFE1

#3D9CEB

#449DDA

#369BD7

#40A6EB

#3691C0

#229FDF

#369BD7 を使ったフォカマイユ

#46B2E1

#369BD7

#178BE6

#2B81DF

#2976BB

#45C8EE

#2C98C0

#3F90DF

#369BD7

#3676BB

#276BB1

#369BD7

#3981C5

#2DA9F8

#238BF6

#369BD7 を使ったドミナントカラー

#14A8FF

#95B4C7

#369BD7

#81BADB

#446C85

#498FB8

#3E81A8

#36769C

#1B4057

#369BD7

#529AC4

#369BD7

#203542

#638091

#1D83BF

#369BD7 を使ったトライアド

#369BD7

#D7369B

#9BD736

#369BD7 を使ったスプリットコンプリメンタリー

#D7A836

#369BD7

#D73C36

#369BD7 を使ったテトラード

#369BD7

#C336D7

#D77236

#4BD736

#369BD7 を使ったコントラスト

#369BD7

#D77236

#369BD7

#A2C3D7

#369BD7

#1A4A66

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

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

#369BD7

#369BD7 の色情報

#369BD7 の色相別色一覧

#369BD7 の彩度別色一覧

#369BD7 の明度別色一覧

#369BD7 を使ったトーンオントーン

#369BD7 を使ったトーンイントーン

#369BD7 を使ったカマイユ

#369BD7 を使ったフォカマイユ

#369BD7 を使ったドミナントカラー

#369BD7 を使ったトライアド

#369BD7 を使ったスプリットコンプリメンタリー

#369BD7 を使ったテトラード

#369BD7 を使ったコントラスト