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

#369AD9 の色情報

#369AD9

画像
HEX	#369AD9
RGB	R:54 G:154 B:217
RGBの割合	R:21.2% G:60.4% B:85.1%
HSV	H:203.2 S:75.1 V:85.1
HSL	H:203.2 S:68.2 L:53.1
CMY	C:78.8 M:39.6 Y:14.9

CMYK	C:75.1 M:29.0 Y:0.0 K:14.9
YCbCr	Y:128.8 Cb:170.5 Cr:79.6
XYZ	X:25.6 Y:28.9 Z:69.9
xyY	x:0.206 y:0.232 Y:28.9

CIE Lab	L:60.7 a:-7.7 b*:-40.3
CIE LCh	L:60.7 C:41.0 h:259.2
CIE Luv	L:60.7 u:-35.4 v*:-62.6
Hunter Lab	L:53.8 a:-9.1 b:-39.4

#369AD9 の色相別色一覧

#D94C36

#D97536

#D99E36

#D9C736

#C3D936

#9AD936

#71D936

#49D936

#36D94C

#36D975

#36D99E

#36D9C7

#36C3D9

#369AD9

#3671D9

#3649D9

#4C36D9

#7536D9

#9E36D9

#C736D9

#D936C3

#D9369A

#D93671

#D93648

#369AD9 の彩度別色一覧

#D9D9D9

#CED5D9

#C3D1D9

#B8CCD9

#ADC8D9

#A3C4D9

#98C0D9

#8DBCD9

#82B7D9

#77B3D9

#6CAFD9

#61ABD9

#57A7D9

#4CA2D9

#419ED9

#369AD9

#2B96D9

#2092D9

#158DD9

#0B89D9

#369AD9 の明度別色一覧

#000000

#03090D

#06121A

#0A1B27

#0D2433

#102D40

#13364D

#16405A

#194966

#1D5273

#205B80

#23648D

#266D99

#2976A6

#2C7FB3

#3088C0

#3391CC

#369AD9

#39A3E6

#3CACF3

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

#095080

#3694BA

#095394

#15344D

#369AD9

#318EB0

#1E354D

#18698C

#2F6B7D

#295E75

#1589BF

#1167A1

#142E47

#369AD9

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

#E13F6F

#30F34B

#922DCC

#369AD9

#EDD453

#8533E8

#CF2546

#43F077

#369AD9

#EDE240

#DC488F

#56E148

#EBCB2A

#369AD9

#803DDC

#369AD9 を使ったカマイユ

#51BDF0

#3F83C0

#2792E6

#3888C7

#369AD9

#3C90C2

#2DA3E3

#3D99C5

#2993C5

#369AD9

#328DC0

#3F91D1

#2E98D1

#2D9BCF

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

#1297B3

#3E83DE

#149EBA

#369AD9

#159AC0

#21C0ED

#1867F3

#46D4EB

#369AD9

#64B1FA

#369AD9

#4085C2

#2781E8

#28B9EB

#2F94ED

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

#273B47

#417596

#A7DAFA

#369AD9

#237EB8

#3F8BBA

#9BC4DE

#369AD9

#0F5C8C

#1E445C

#0C6399

#1A5F8A

#369AD9

#A8CCE3

#9BB3C2

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

#369AD9

#D9369A

#9AD936

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

#D9AB36

#369AD9

#D93F36

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

#369AD9

#C736D9

#D97536

#48D936

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

#369AD9

#D97536

#369AD9

#A3C4D9

#369AD9

#194866

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

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

#369AD9

#369AD9 の色情報

#369AD9 の色相別色一覧

#369AD9 の彩度別色一覧

#369AD9 の明度別色一覧

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

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

#369AD9 を使ったカマイユ

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

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

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

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

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

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