#3DA6F5｜カラーサイト.com

#3DA6F5 の色情報

#3DA6F5

画像
HEX	#3DA6F5
RGB	R:61 G:166 B:245
RGBの割合	R:23.9% G:65.1% B:96.1%
HSV	H:205.8 S:75.1 V:96.1
HSL	H:205.8 S:90.2 L:60.0
CMY	C:76.1 M:34.9 Y:3.9

CMYK	C:75.1 M:32.2 Y:0.0 K:3.9
YCbCr	Y:139.4 Cb:178.2 Cr:76.3
XYZ	X:32.0 Y:34.9 Z:91.4
xyY	x:0.202 y:0.220 Y:34.9

CIE Lab	L:65.6 a:-3.9 b*:-47.9
CIE LCh	L:65.6 C:48.1 h:265.4
CIE Luv	L:65.6 u:-37.0 v*:-76.8
Hunter Lab	L:59.0 a:-6.4 b:-50.5

#3DA6F5 の色相別色一覧

#F55E3D

#F58C3D

#F5BA3D

#F5E83D

#D4F53D

#A6F53D

#78F53D

#4AF53D

#3DF55E

#3DF58C

#3DF5BA

#3DF5E8

#3DD4F5

#3DA6F5

#3D78F5

#3D4AF5

#5E3DF5

#8C3DF5

#BA3DF5

#E83DF5

#F53DD4

#F53DA6

#F53D78

#F53D4A

#3DA6F5 の彩度別色一覧

#F5F5F5

#E9F0F5

#DCEAF5

#D0E5F5

#C4E0F5

#B8DBF5

#ABD5F5

#9FD0F5

#93CBF5

#87C6F5

#7AC0F5

#6EBBF5

#62B6F5

#56B1F5

#49ABF5

#3DA6F5

#31A1F5

#259BF5

#1896F5

#0C91F5

#3DA6F5 の明度別色一覧

#010203

#040B10

#07131C

#0A1C29

#0D2436

#112D43

#14364F

#173E5C

#1A4769

#1D5076

#205882

#24618F

#276A9C

#2A72A9

#2D7BB5

#3083C2

#338CCF

#3795DC

#3A9DE8

#3DA6F5

#3DA6F5 を使ったトーンオントーン

#0E2645

#3DA6F5

#2A5873

#176DD4

#2C6599

#1B5B7A

#3DA6F5

#1B354A

#1C76BA

#3067A6

#3DA6F5

#2F81CC

#417A94

#063B7A

#1E354A

#3DA6F5 を使ったトーンイントーン

#2EFF84

#3DA6F5

#C030FF

#CBEB49

#FF3026

#D032FD

#E1FF59

#3DA6F5

#30FF82

#E6624E

#FA3B32

#38FFB2

#B74DDC

#3DA6F5

#A2DC44

#3DA6F5 を使ったカマイユ

#3DA6F5

#46BCFA

#35ACFF

#4ABDFF

#45A5F8

#2D98E3

#3DA6F5

#59B2FF

#25A6FA

#2690FF

#3DA6F5

#4DA7F0

#2E94FF

#2895E1

#308FDC

#3DA6F5 を使ったフォカマイユ

#3AB4FF

#61D8FF

#4390E1

#3DA6F5

#51A3FF

#3DA6F5

#3CA1D6

#23B4DC

#4AB6D9

#33B2FF

#1E6EFF

#3DA6F5

#1ECFFF

#61C0FF

#2AAFFA

#3DA6F5 を使ったドミナントカラー

#3DA6F5

#1D3445

#8A8E91

#3E464D

#86A4BA

#588AB0

#0290FA

#1F4059

#3DA6F5

#012642

#0476CC

#3DA6F5

#6BAFE3

#3D505E

#E9F0F5

#3DA6F5 を使ったアイデンティティ

#4381B0

#537791

#3DA6F5

#3B698C

#82A6C2

#749AB8

#3DA6F5

#08548C

#3DA6F5 を使ったトライアド

#3DA6F5

#F53DA6

#A6F53D

#3DA6F5 を使ったスプリットコンプリメンタリー

#F5C93D

#3DA6F5

#F54F3D

#3DA6F5 を使ったテトラード

#3DA6F5

#E83DF5

#F58C3D

#4AF53D

#3DA6F5 を使ったコントラスト

#3DA6F5

#F58C3D

#3DA6F5

#B8DBF5

#3DA6F5

#194566

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

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

#3DA6F5

#3DA6F5 の色情報

#3DA6F5 の色相別色一覧

#3DA6F5 の彩度別色一覧

#3DA6F5 の明度別色一覧

#3DA6F5 を使ったトーンオントーン

#3DA6F5 を使ったトーンイントーン

#3DA6F5 を使ったカマイユ

#3DA6F5 を使ったフォカマイユ

#3DA6F5 を使ったドミナントカラー

#3DA6F5 を使ったアイデンティティ

#3DA6F5 を使ったトライアド

#3DA6F5 を使ったスプリットコンプリメンタリー

#3DA6F5 を使ったテトラード

#3DA6F5 を使ったコントラスト