#9BA9E2｜カラーサイト.com

#9BA9E2 の色情報

#9BA9E2

画像
HEX	#9BA9E2
RGB	R:155 G:169 B:226
RGBの割合	R:60.8% G:66.3% B:88.6%
HSV	H:228.2 S:31.4 V:88.6
HSL	H:228.2 S:55.0 L:74.7
CMY	C:39.2 M:33.7 Y:11.4

CMYK	C:31.4 M:25.2 Y:0.0 K:11.4
YCbCr	Y:163.2 Cb:155.1 Cr:117.8
XYZ	X:41.4 Y:40.8 Z:77.7
xyY	x:0.259 y:0.255 Y:40.8

CIE Lab	L:70.1 a:8.2 b*:-30.3
CIE LCh	L:70.1 C:31.4 h:285.1
CIE Luv	L:70.1 u:-10.1 v*:-49.1
Hunter Lab	L:63.9 a:3.9 b:-27.3

#9BA9E2 の色相別色一覧

#E29F9B

#E2B19B

#E2C29B

#E2D49B

#DEE29B

#CDE29B

#BBE29B

#A9E29B

#9BE29F

#9BE2B1

#9BE2C2

#9BE2D4

#9BDEE2

#9BCDE2

#9BBBE2

#9BA9E2

#9F9BE2

#B19BE2

#C29BE2

#D49BE2

#E29BDE

#E29BCD

#E29BBB

#E29BA9

#9BA9E2 の彩度別色一覧

#DFDFE2

#D4D6E2

#C8CDE2

#BDC4E2

#B2BBE2

#A6B2E2

#9BA9E2

#90A0E2

#8497E2

#798EE2

#6E85E2

#637CE2

#5773E2

#4C69E2

#4160E2

#3557E2

#2A4EE2

#1F45E2

#133CE2

#0833E2

#9BA9E2 の明度別色一覧

#060709

#0F1016

#181A23

#212430

#292D3C

#323749

#3B4056

#444A63

#4C536F

#555D7C

#5E6689

#677096

#6F79A2

#7883AF

#818CBC

#8A96C9

#929FD5

#9BA9E2

#A4B3EF

#ACBCFC

#9BA9E2 を使ったトーンオントーン

#343859

#949DC7

#455478

#9BA9E2

#50599E

#3F444F

#7A7C9C

#7E88BA

#9BA9E2

#5A5C80

#5D616E

#9BA9E2

#3E4452

#94A0BD

#575F94

#9BA9E2 を使ったトーンイントーン

#EFB08C

#9BA9E2

#BBEC9D

#BBF4ED

#D57FC7

#95D3BF

#DA9D86

#F9BAF5

#9BA9E2

#BFD099

#D89ADA

#9BA9E2

#C8D594

#88D39A

#D0877E

#9BA9E2 を使ったカマイユ

#9BA9E2

#798AC9

#A4B5DF

#B8C1EA

#A3B1D3

#8A99E5

#93AFFC

#8FA0EC

#93A1D0

#9BA9E2

#A0ACF4

#9BA9E2

#AFBBF4

#C1D0F9

#A2AEFC

#9BA9E2 を使ったフォカマイユ

#9BA9E2

#ABC8EF

#B3B8F6

#B9B6F1

#BEBFEF

#6C6ABC

#9BA9E2

#B4BAFF

#879DEA

#8E8EFF

#9092BE

#CBCCFF

#9BA9E2

#BEC4EC

#808DDA

#9BA9E2 を使ったドミナントカラー

#162B80

#222636

#9BA9E2

#373D52

#2F313B

#414554

#9BA9E2

#4F5B8C

#5C689C

#111D4D

#9BA9E2

#2840A1

#192452

#4E64C2

#172F91

#9BA9E2 を使ったアイデンティティ

#334BAB

#162E91

#9BA9E2

#091959

#9BA9E2

#405AC7

#9BA9E2

#1E338A

#586BB8

#9BA9E2 を使ったトライアド

#9BA9E2

#E29BA9

#A9E29B

#9BA9E2 を使ったスプリットコンプリメンタリー

#D8E29B

#9BA9E2

#E2BC9B

#9BA9E2 を使ったテトラード

#9BA9E2

#E29BCD

#E2D49B

#9BE2B1

#9BA9E2 を使ったコントラスト

#9BA9E2

#E2D49B

#9BA9E2

#2A4EE2

#9BA9E2

#464C66

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

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

#9BA9E2

#9BA9E2 の色情報

#9BA9E2 の色相別色一覧

#9BA9E2 の彩度別色一覧

#9BA9E2 の明度別色一覧

#9BA9E2 を使ったトーンオントーン

#9BA9E2 を使ったトーンイントーン

#9BA9E2 を使ったカマイユ

#9BA9E2 を使ったフォカマイユ

#9BA9E2 を使ったドミナントカラー

#9BA9E2 を使ったアイデンティティ

#9BA9E2 を使ったトライアド

#9BA9E2 を使ったスプリットコンプリメンタリー

#9BA9E2 を使ったテトラード

#9BA9E2 を使ったコントラスト