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

#369AF0 の色情報

#369AF0

画像
HEX	#369AF0
RGB	R:54 G:154 B:240
RGBの割合	R:21.2% G:60.4% B:94.1%
HSV	H:207.7 S:77.5 V:94.1
HSL	H:207.7 S:86.1 L:57.6
CMY	C:78.8 M:39.6 Y:5.9

CMYK	C:77.5 M:35.8 Y:0.0 K:5.9
YCbCr	Y:131.0 Cb:180.6 Cr:78.0
XYZ	X:28.8 Y:30.2 Z:86.7
xyY	x:0.198 y:0.207 Y:30.2

CIE Lab	L:61.8 a:0.4 b*:-51.3
CIE LCh	L:61.8 C:51.3 h:270.5
CIE Luv	L:61.8 u:-34.3 v*:-82.0
Hunter Lab	L:54.9 a:-2.6 b:-55.2

#369AF0 の色相別色一覧

#F05E36

#F08C36

#F0BB36

#F0E936

#C9F036

#9AF036

#6CF036

#3DF036

#36F05E

#36F08C

#36F0BB

#36F0E9

#36C9F0

#369AF0

#366CF0

#363DF0

#5E36F0

#8C36F0

#BB36F0

#E936F0

#F036C9

#F0369A

#F0366C

#F0363D

#369AF0 の彩度別色一覧

#EAEDF0

#DEE8F0

#D2E2F0

#C6DDF0

#BAD7F0

#AED1F0

#A2CCF0

#96C6F0

#8AC1F0

#7EBBF0

#72B6F0

#66B0F0

#5AABF0

#4EA5F0

#42A0F0

#369AF0

#2A94F0

#1E8FF0

#1289F0

#0684F0

#369AF0 の明度別色一覧

#02070B

#050F17

#081724

#0B1F31

#0E273E

#11304A

#143857

#164064

#194871

#1C507D

#1F598A

#226197

#2569A4

#2871B0

#2B79BD

#2D81CA

#308AD7

#3392E3

#369AF0

#39A2FD

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

#369AF0

#1B72BD

#1A3D4F

#35677D

#1675A1

#3B63A6

#224473

#256AD1

#369AF0

#173447

#307BA3

#2E4C7A

#369AF0

#1A95D1

#072B52

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

#BA2FE6

#FF4650

#369AF0

#D1FD3E

#2FD980

#E64447

#369AF0

#9F1EDC

#30E17C

#C0E331

#369AF0

#B446FF

#E6C93B

#3BDE25

#F52D59

#369AF0 を使ったカマイユ

#369AF0

#28A6F3

#3E8BE8

#3E9EE1

#47A6E1

#1D93E6

#3197E3

#4398EB

#469BF5

#369AF0

#1C98E3

#369AF0

#3C9AE1

#338FD9

#3A90EB

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

#369AF0

#4783CF

#27A7EB

#417EFF

#3288CC

#55A8FF

#369AF0

#40AED1

#1F8EF5

#4E8DE3

#1DC0FF

#4FA8DE

#369AF0

#4BD3FF

#256BCA

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

#84C4FA

#001E38

#78848F

#214D73

#369AF0

#5C9BD1

#7EA2C2

#369AF0

#7293B0

#3E4245

#2A76B8

#369AF0

#2677BD

#84C4FA

#354452

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

#369AF0

#F0369A

#9AF036

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

#F0CA36

#369AF0

#F04E36

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

#369AF0

#E936F0

#F08C36

#3DF036

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

#369AF0

#F08C36

#369AF0

#AED1F0

#369AF0

#174166

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

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

#369AF0

#369AF0 の色情報

#369AF0 の色相別色一覧

#369AF0 の彩度別色一覧

#369AF0 の明度別色一覧

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

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

#369AF0 を使ったカマイユ

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

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

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

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

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

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