#3699A2｜カラーサイト.com

#3699A2 の色情報

#3699A2

画像
HEX	#3699A2
RGB	R:54 G:153 B:162
RGBの割合	R:21.2% G:60.0% B:63.5%
HSV	H:185.0 S:66.7 V:63.5
HSL	H:185.0 S:50.0 L:42.4
CMY	C:78.8 M:40.0 Y:36.5

CMYK	C:66.7 M:5.6 Y:0.0 K:36.5
YCbCr	Y:122.9 Cb:146.6 Cr:83.9
XYZ	X:19.4 Y:26.2 Z:38.2
xyY	x:0.232 y:0.312 Y:26.2

CIE Lab	L:58.2 a:-25.3 b*:-13.1
CIE LCh	L:58.2 C:28.5 h:207.5
CIE Luv	L:58.2 u:-38.1 v*:-15.9
Hunter Lab	L:51.2 a:-21.7 b:-8.5

#3699A2 の色相別色一覧

#A23F36

#A25A36

#A27536

#A29036

#99A236

#7EA236

#63A236

#48A236

#36A23F

#36A25A

#36A275

#36A290

#3699A2

#367EA2

#3663A2

#3648A2

#3F36A2

#5A36A2

#7536A2

#9036A2

#A23699

#A2367E

#A23663

#A23648

#3699A2 の彩度別色一覧

#9FA2A2

#97A1A2

#8FA0A2

#87A0A2

#7F9FA2

#779EA2

#6F9EA2

#679DA2

#5F9CA2

#569CA2

#4E9BA2

#469AA2

#3E9AA2

#3699A2

#2E98A2

#2698A2

#1E97A2

#1696A2

#0E96A2

#0595A2

#3699A2 の明度別色一覧

#030809

#071516

#0C2123

#102D2F

#14393C

#184549

#1D5156

#215D62

#25696F

#29757C

#2E8189

#328D95

#3699A2

#3AA5AF

#3FB1BC

#43BDC8

#47C9D5

#4BD5E2

#50E1EF

#54EDFB

#3699A2 を使ったトーンオントーン

#326E6A

#3699A2

#69D1CF

#3CE0E3

#174754

#0D4A52

#3699A2

#4FD4CD

#3B6C70

#25C7F0

#23545C

#6ED4ED

#3699A2

#30797D

#23B3C9

#3699A2 を使ったトーンイントーン

#8B2953

#519533

#3699A2

#4A3A89

#B98E43

#3699A2

#6047B4

#AA7229

#5E9D3F

#953066

#58329F

#3699A2

#89214C

#B1AA4B

#38A557

#3699A2 を使ったカマイユ

#2D9BAA

#378A93

#3699A2

#358A95

#288C93

#3699A2

#338F9D

#338B95

#328E9A

#46ABAF

#429698

#297F89

#208789

#3699A2

#31A9B9

#3699A2 を使ったフォカマイユ

#2F7C7E

#3699A2

#39A3C3

#267D9A

#44908C

#208B89

#27AAAF

#4DBBC3

#499A99

#3699A2

#4FC8C8

#44B19F

#3A9BB9

#3691AC

#3699A2

#3699A2 を使ったドミナントカラー

#12373B

#415C5E

#3699A2

#9EE9F0

#648082

#2C585C

#D1EBED

#3699A2

#A3BDBF

#6FDEE8

#043136

#0A575E

#3699A2

#43949C

#8CCBD1

#3699A2 を使ったアイデンティティ

#3699A2

#467175

#29EDFF

#3699A2

#99F7FF

#147780

#3699A2

#62C3CC

#10585E

#3699A2 を使ったトライアド

#3699A2

#A23699

#99A236

#3699A2 を使ったスプリットコンプリメンタリー

#A26336

#3699A2

#A23651

#3699A2 を使ったテトラード

#3699A2

#7536A2

#A23F36

#63A236

#3699A2 を使ったコントラスト

#3699A2

#A23F36

#3699A2

#87A0A2

#3699A2

#55F1FF

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

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

#3699A2

#3699A2 の色情報

#3699A2 の色相別色一覧

#3699A2 の彩度別色一覧

#3699A2 の明度別色一覧

#3699A2 を使ったトーンオントーン

#3699A2 を使ったトーンイントーン

#3699A2 を使ったカマイユ

#3699A2 を使ったフォカマイユ

#3699A2 を使ったドミナントカラー

#3699A2 を使ったアイデンティティ

#3699A2 を使ったトライアド

#3699A2 を使ったスプリットコンプリメンタリー

#3699A2 を使ったテトラード

#3699A2 を使ったコントラスト