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

#3DA6F2 の色情報

#3DA6F2

画像
HEX	#3DA6F2
RGB	R:61 G:166 B:242
RGBの割合	R:23.9% G:65.1% B:94.9%
HSV	H:205.2 S:74.8 V:94.9
HSL	H:205.2 S:87.4 L:59.4
CMY	C:76.1 M:34.9 Y:5.1

CMYK	C:74.8 M:31.4 Y:0.0 K:5.1
YCbCr	Y:139.1 Cb:176.9 Cr:76.5
XYZ	X:31.6 Y:34.7 Z:89.0
xyY	x:0.203 y:0.223 Y:34.7

CIE Lab	L:65.5 a:-4.9 b*:-46.5
CIE LCh	L:65.5 C:46.8 h:263.9
CIE Luv	L:65.5 u:-37.2 v*:-74.2
Hunter Lab	L:58.9 a:-7.3 b:-48.4

#3DA6F2 の色相別色一覧

#F25C3D

#F2893D

#F2B63D

#F2E43D

#D3F23D

#A6F23D

#79F23D

#4BF23D

#3DF25C

#3DF289

#3DF2B6

#3DF2E4

#3DD3F2

#3DA6F2

#3D79F2

#3D4BF2

#5C3DF2

#893DF2

#B63DF2

#E43DF2

#F23DD3

#F23DA6

#F23D79

#F23D4B

#3DA6F2 の彩度別色一覧

#E6EDF2

#DAE8F2

#CEE3F2

#C2DEF2

#B6D9F2

#AAD4F2

#9ECFF2

#92CAF2

#86C4F2

#7ABFF2

#6DBAF2

#61B5F2

#55B0F2

#49ABF2

#3DA6F2

#31A1F2

#259CF2

#1997F2

#0D92F2

#018DF2

#3DA6F2 の明度別色一覧

#03090D

#061119

#0A1A26

#0D2333

#102C40

#13344C

#163D59

#1A4666

#1D4F73

#20577F

#23608C

#276999

#2A72A6

#2D7AB2

#3083BF

#338CCC

#3795D9

#3A9DE5

#3DA6F2

#40AFFF

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

#398FC2

#092D4D

#3DA6F2

#0F5996

#235A78

#3DA6F2

#256ACC

#286C94

#042B4F

#0A356E

#4CA0C2

#3DA6F2

#122D54

#0A4CA8

#2C6E85

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

#903DE8

#3DA6F2

#E8CF28

#FF2760

#41E54C

#A4DB26

#3DA6F2

#D13CFA

#EA5249

#2EED8E

#EA2486

#9949FA

#4CD93D

#3DA6F2

#FFC05A

#3DA6F2 を使ったカマイユ

#39A6EA

#3DA6F2

#53B7ED

#43AAFF

#34B0FF

#2185D9

#3DA6F2

#32B5F7

#3AA6EF

#2792FF

#34BBFF

#3DA5EA

#3D9CFC

#3DA6F2

#309CEF

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

#5CADFF

#50D8F7

#55B9DE

#3DA6F2

#2F6FE8

#3DA6F2

#2EDCFF

#3FB7E0

#2ECEFF

#33ABDB

#2CB1FF

#3CB2D6

#2890FA

#3DA6F2

#569CED

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

#063F69

#395366

#366B91

#3DA6F2

#9DAFBD

#7DC5FA

#3DA6F2

#719DBD

#0E6AAD

#404447

#1582D1

#0C90F0

#717B82

#0F588C

#3DA6F2

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

#014373

#3DA6F2

#5B97C2

#3D5261

#3DA6F2

#5DA2D4

#0D3959

#8FB2CC

#3DA6F2

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

#3DA6F2

#F23DA6

#A6F23D

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

#F2C53D

#3DA6F2

#F24D3D

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

#3DA6F2

#E43DF2

#F2893D

#4BF23D

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

#3DA6F2

#F2893D

#3DA6F2

#B6D9F2

#3DA6F2

#1A4666

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

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

#3DA6F2

#3DA6F2 の色情報

#3DA6F2 の色相別色一覧

#3DA6F2 の彩度別色一覧

#3DA6F2 の明度別色一覧

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

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

#3DA6F2 を使ったカマイユ

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

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

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

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

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

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

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