#3396E2｜カラーサイト.com

#3396E2 の色情報

#3396E2

画像
HEX	#3396E2
RGB	R:51 G:150 B:226
RGBの割合	R:20.0% G:58.8% B:88.6%
HSV	H:206.1 S:77.4 V:88.6
HSL	H:206.1 S:75.1 L:54.3
CMY	C:80.0 M:41.2 Y:11.4

CMYK	C:77.4 M:33.6 Y:0.0 K:11.4
YCbCr	Y:126.9 Cb:176.0 Cr:79.1
XYZ	X:26.0 Y:28.0 Z:76.0
xyY	x:0.200 y:0.215 Y:28.0

CIE Lab	L:59.9 a:-2.6 b*:-46.6
CIE LCh	L:59.9 C:46.6 h:266.8
CIE Luv	L:59.9 u:-34.0 v*:-73.5
Hunter Lab	L:52.9 a:-4.9 b:-48.1

#3396E2 の色相別色一覧

#E25333

#E27F33

#E2AB33

#E2D733

#C2E233

#96E233

#6AE233

#3FE233

#33E253

#33E27F

#33E2AB

#33E2D7

#33C2E2

#3396E2

#336AE2

#333FE2

#5333E2

#7F33E2

#AB33E2

#D733E2

#E233C2

#E23396

#E2336A

#E2333F

#3396E2 の彩度別色一覧

#DDE0E2

#D1DBE2

#C6D6E2

#BBD1E2

#AFCCE2

#A4C7E2

#99C2E2

#8DBDE2

#82B8E2

#77B3E2

#6CAFE2

#60AAE2

#55A5E2

#4AA0E2

#3E9BE2

#3396E2

#2891E2

#1C8CE2

#1187E2

#0682E2

#3396E2 の明度別色一覧

#020609

#050F16

#081723

#0B2030

#0E283C

#103049

#133956

#164163

#194A6F

#1C527C

#1F5B89

#226396

#256CA2

#2774AF

#2A7DBC

#2D85C9

#308ED5

#3396E2

#369EEF

#39A7FC

#3396E2 を使ったトーンオントーン

#173A5C

#086B8F

#3396E2

#0C55B0

#16396B

#1C526B

#1A344D

#07439E

#3396E2

#4E96BD

#077FC4

#134D7D

#3396E2

#1C6596

#1F3852

#3396E2 を使ったトーンイントーン

#922FEF

#3396E2

#45EA77

#F63A60

#BACB20

#3396E2

#A84BEF

#E5CE26

#23EF2D

#D5214E

#3396E2

#A01FF6

#EA394E

#BBEA30

#2BF482

#3396E2 を使ったカマイユ

#50ABF6

#4AA6FC

#1E8ACE

#2193F6

#3396E2

#1F7BD8

#3396E2

#3F9EF6

#229FF9

#45ACF1

#3791DF

#4DAEF4

#3195F9

#2D99E7

#3396E2

#3396E2 を使ったフォカマイユ

#33A0BE

#5BB5F1

#189FFF

#3396E2

#3273FF

#3878CB

#3396E2

#1A82DD

#4097FC

#31A0C9

#5B8FFF

#3396E2

#18ACCE

#438EFE

#53DEFE

#3396E2 を使ったドミナントカラー

#B0BAC2

#90A1AD

#C5D8E6

#63A7DB

#3396E2

#618EB0

#3396E2

#2E5B7D

#1673BA

#B6CAD9

#A6D8FF

#8FB1CC

#8CB3D1

#DDE7F0

#3396E2

#3396E2 を使ったトライアド

#3396E2

#E23396

#96E233

#3396E2 を使ったスプリットコンプリメンタリー

#E2B933

#3396E2

#E24533

#3396E2 を使ったテトラード

#3396E2

#D733E2

#E27F33

#3FE233

#3396E2 を使ったコントラスト

#3396E2

#E27F33

#3396E2

#A4C7E2

#3396E2

#174466

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

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

#3396E2

#3396E2 の色情報

#3396E2 の色相別色一覧

#3396E2 の彩度別色一覧

#3396E2 の明度別色一覧

#3396E2 を使ったトーンオントーン

#3396E2 を使ったトーンイントーン

#3396E2 を使ったカマイユ

#3396E2 を使ったフォカマイユ

#3396E2 を使ったドミナントカラー

#3396E2 を使ったトライアド

#3396E2 を使ったスプリットコンプリメンタリー

#3396E2 を使ったテトラード

#3396E2 を使ったコントラスト