#338CF9｜カラーサイト.com

#338CF9 の色情報

#338CF9

画像
HEX	#338CF9
RGB	R:51 G:140 B:249
RGBの割合	R:20.0% G:54.9% B:97.6%
HSV	H:213.0 S:79.5 V:97.6
HSL	H:213.0 S:94.3 L:58.8
CMY	C:80.0 M:45.1 Y:2.4

CMYK	C:79.5 M:43.8 Y:0.0 K:2.4
YCbCr	Y:124.1 Cb:189.0 Cr:81.2
XYZ	X:27.8 Y:26.3 Z:93.2
xyY	x:0.189 y:0.178 Y:26.3

CIE Lab	L:58.3 a:11.7 b*:-61.8
CIE LCh	L:58.3 C:62.9 h:280.7
CIE Luv	L:58.3 u:-29.8 v*:-99.4
Hunter Lab	L:51.3 a:7.2 b:-71.9

#338CF9 の色相別色一覧

#F93D33

#F96F33

#F9A033

#F9D233

#EFF933

#BEF933

#8CF933

#5BF933

#33F93D

#33F96F

#33F9A0

#33F9D2

#33EFF9

#33BEF9

#338CF9

#335BF9

#3D33F9

#6F33F9

#A033F9

#D233F9

#F933EF

#F933BE

#F9338C

#F9335B

#338CF9 の彩度別色一覧

#EEF3F9

#E1ECF9

#D5E5F9

#C8DEF9

#BCD7F9

#B0D1F9

#A3CAF9

#97C3F9

#8ABCF9

#7EB5F9

#71AEF9

#65A7F9

#58A1F9

#4C9AF9

#3F93F9

#338CF9

#2785F9

#1A7EF9

#0E77F9

#0171F9

#338CF9 の明度別色一覧

#010407

#040B14

#071220

#09192D

#0C203A

#0E2847

#112F53

#143660

#163D6D

#19447A

#1B4B86

#1E5393

#215AA0

#2361AD

#2668B9

#296FC6

#2B76D3

#2E7EE0

#3085EC

#338CF9

#338CF9 を使ったトーンオントーン

#397BC7

#2F4F80

#2B53A3

#1A364D

#338CF9

#549CD4

#02416E

#338CF9

#0B5B91

#143859

#396AC7

#192D4A

#338CF9

#0B4B73

#125599

#338CF9 を使ったトーンイントーン

#C5FF25

#338CF9

#FF4422

#23E59E

#E644FF

#1BFE2A

#EF3359

#A734F4

#338CF9

#FFF23E

#F8FF27

#B846FF

#FF417D

#338CF9

#2AE543

#338CF9 を使ったカマイユ

#338CF9

#4693FF

#338BEF

#2F86FF

#1F6FE7

#338CF9

#2D9DFF

#4187FF

#2478F6

#368DF1

#1D70FF

#3999FF

#3A7BEC

#2374EF

#338CF9

#338CF9 を使ったフォカマイユ

#338CF9

#2A5CFF

#587CFF

#5A86FF

#11AFFF

#4BA0EF

#135AFF

#5A99FF

#338CF9

#44B7FF

#3790EA

#338CF9

#4176FE

#4EA2E2

#12ABEC

#338CF9 を使ったドミナントカラー

#073C7D

#0F51A3

#5683BA

#338CF9

#0D51A3

#667991

#338CF9

#6888B0

#213042

#B1BCC9

#0E6EE3

#518DD6

#338CF9

#2D4C73

#455B75

#338CF9 を使ったトライアド

#338CF9

#F9338C

#8CF933

#338CF9 を使ったスプリットコンプリメンタリー

#F9E233

#338CF9

#F95E33

#338CF9 を使ったテトラード

#338CF9

#F933EF

#F9A033

#33F93D

#338CF9 を使ったコントラスト

#338CF9

#F9A033

#338CF9

#B0D1F9

#338CF9

#153966

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

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

#338CF9

#338CF9 の色情報

#338CF9 の色相別色一覧

#338CF9 の彩度別色一覧

#338CF9 の明度別色一覧

#338CF9 を使ったトーンオントーン

#338CF9 を使ったトーンイントーン

#338CF9 を使ったカマイユ

#338CF9 を使ったフォカマイユ

#338CF9 を使ったドミナントカラー

#338CF9 を使ったトライアド

#338CF9 を使ったスプリットコンプリメンタリー

#338CF9 を使ったテトラード

#338CF9 を使ったコントラスト