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

#369BF9 の色情報

#369BF9

画像
HEX	#369BF9
RGB	R:54 G:155 B:249
RGBの割合	R:21.2% G:60.8% B:97.6%
HSV	H:208.9 S:78.3 V:97.6
HSL	H:208.9 S:94.2 L:59.4
CMY	C:78.8 M:39.2 Y:2.4

CMYK	C:78.3 M:37.8 Y:0.0 K:2.4
YCbCr	Y:132.4 Cb:184.2 Cr:77.0
XYZ	X:30.3 Y:31.1 Z:94.0
xyY	x:0.195 y:0.200 Y:31.1

CIE Lab	L:62.6 a:3.1 b*:-55.0
CIE LCh	L:62.6 C:55.1 h:273.2
CIE Luv	L:62.6 u:-34.2 v*:-88.8
Hunter Lab	L:55.7 a:-0.4 b:-61.0

#369BF9 の色相別色一覧

#F96336

#F99436

#F9C536

#F9F636

#CCF936

#9BF936

#6AF936

#3AF936

#36F963

#36F994

#36F9C5

#36F9F6

#36CCF9

#369BF9

#366AF9

#363AF9

#6336F9

#9436F9

#C536F9

#F636F9

#F936CC

#F9369B

#F9366A

#F9363A

#369BF9 の彩度別色一覧

#F1F5F9

#E4EFF9

#D8E9F9

#CBE3F9

#BFDDF9

#B3D7F9

#A6D1F9

#9ACBF9

#8DC5F9

#81BFF9

#74B9F9

#68B3F9

#5BADF9

#4FA7F9

#42A1F9

#369BF9

#2A95F9

#1D8FF9

#1189F9

#0483F9

#369BF9 の明度別色一覧

#010407

#040C14

#071420

#0A1C2D

#0D243A

#0F2C47

#123453

#153C60

#18446D

#1A4C7A

#1D5486

#205C93

#2363A0

#256BAD

#2873B9

#2B7BC6

#2E83D3

#308BE0

#3393EC

#369BF9

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

#1B5CA1

#26457A

#052459

#4791C2

#369BF9

#0D56C2

#369BF9

#246BA8

#1E3B4D

#0A4378

#369BF9

#14334F

#2F88C7

#0F669C

#1A3B6B

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

#369BF9

#FF2845

#F1E345

#28F13C

#A621EF

#DFFF51

#369BF9

#B728FF

#E7454A

#34E563

#C825FF

#369BF9

#FE2A32

#C7EA29

#1DE75A

#369BF9 を使ったカマイユ

#27A0F6

#3AADFF

#398EEF

#369BF9

#41A2E2

#2DA8FF

#2B92FF

#4899F4

#369BF9

#42B0FF

#4490F4

#41A8EC

#1D76E2

#4A9FEA

#369BF9

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

#3277FF

#369BF9

#11C0FF

#1B5EE5

#1495E5

#3FD2FF

#20C4FF

#3E67D8

#1BA8FF

#369BF9

#28A2FF

#53A4FF

#3C8AFE

#166CFF

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

#767C82

#0056A6

#369BF9

#27323D

#2C7EC9

#B8BDC2

#416C94

#478CCC

#BCC7D1

#369BF9

#1D3042

#369BF9

#BDC2C7

#0F2C47

#597A99

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

#369BF9

#F9369B

#9BF936

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

#F9D536

#369BF9

#F95336

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

#369BF9

#F636F9

#F99436

#3AF936

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

#369BF9

#F99436

#369BF9

#B3D7F9

#369BF9

#163F66

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

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

#369BF9

#369BF9 の色情報

#369BF9 の色相別色一覧

#369BF9 の彩度別色一覧

#369BF9 の明度別色一覧

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

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

#369BF9 を使ったカマイユ

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

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

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

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

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

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