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

#3A86B5 の色情報

#3A86B5

画像
HEX	#3A86B5
RGB	R:58 G:134 B:181
RGBの割合	R:22.7% G:52.5% B:71.0%
HSV	H:202.9 S:68.0 V:71.0
HSL	H:202.9 S:51.5 L:46.9
CMY	C:77.3 M:47.5 Y:29.0

CMYK	C:68.0 M:26.0 Y:0.0 K:29.0
YCbCr	Y:116.2 Cb:159.9 Cr:91.3
XYZ	X:18.6 Y:21.3 Z:46.8
xyY	x:0.215 y:0.245 Y:21.3

CIE Lab	L:53.3 a:-8.2 b*:-31.6
CIE LCh	L:53.3 C:32.6 h:255.4
CIE Luv	L:53.3 u:-29.3 v*:-47.0
Hunter Lab	L:46.1 a:-8.7 b:-27.9

#3A86B5 の色相別色一覧

#B54A3A

#B5693A

#B5883A

#B5A73A

#A5B53A

#86B53A

#67B53A

#49B53A

#3AB54A

#3AB569

#3AB588

#3AB5A7

#3AA5B5

#3A86B5

#3A67B5

#3A49B5

#4A3AB5

#693AB5

#883AB5

#A73AB5

#B53AA5

#B53A86

#B53A67

#B53A49

#3A86B5 の彩度別色一覧

#B0B3B5

#A7AFB5

#9EACB5

#95A9B5

#8BA5B5

#82A2B5

#799EB5

#709BB5

#6797B5

#5E94B5

#5590B5

#4C8DB5

#4389B5

#3A86B5

#3183B5

#287FB5

#1F7CB5

#1678B5

#0D75B5

#0471B5

#3A86B5 の明度別色一覧

#010203

#050B0F

#09151C

#0D1E29

#112836

#153142

#193A4F

#1D445C

#214D69

#265775

#2A6082

#2E6A8F

#32739C

#367DA8

#3A86B5

#3E8FC2

#4299CF

#46A2DB

#4AACE8

#4EB5F5

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

#0F4C69

#73B6F5

#283A4F

#3A86B5

#416F91

#195C70

#103A47

#34ABEB

#3A86B5

#1F668F

#50ADD1

#74C5E8

#3A86B5

#194257

#1D5873

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

#8E44CF

#9C3D61

#3A86B5

#47A862

#A3A03B

#7D379E

#3A86B5

#9AA13D

#47CC60

#BA4C4E

#C23C41

#3EAD79

#AACC3B

#8A3DA6

#3A86B5

#3A86B5 を使ったカマイユ

#277CA3

#2E7B9E

#3A86B5

#4887B0

#36729C

#3A86B5

#3B8BCC

#34729E

#3880A1

#3F7AA1

#2D89BA

#3F8EB0

#3A86B5

#368DBF

#3888C9

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

#498DD6

#2690A3

#3A86B5

#204F96

#3298C7

#2969CF

#4676A6

#2082A8

#3A86B5

#22AEC9

#227EA8

#347291

#3A86B5

#5CC6DB

#2583A8

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

#3D454A

#3A86B5

#192E3B

#49A0D6

#286B94

#75A8C7

#387296

#1C71A6

#3A86B5

#C1E3F7

#212F38

#92C2E0

#3A86B5

#139DF2

#6F838F

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

#2C92D1

#3A86B5

#426A82

#19A6FC

#3A86B5

#607A8A

#3E6A85

#3A86B5

#008FE8

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

#3A86B5

#B53A86

#86B53A

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

#B5923A

#3A86B5

#B5403A

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

#3A86B5

#A73AB5

#B5693A

#49B53A

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

#3A86B5

#B5693A

#3A86B5

#95A9B5

#3A86B5

#214C66

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

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

#3A86B5

#3A86B5 の色情報

#3A86B5 の色相別色一覧

#3A86B5 の彩度別色一覧

#3A86B5 の明度別色一覧

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

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

#3A86B5 を使ったカマイユ

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

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

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

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

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

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

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