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

#3F99A2 の色情報

#3F99A2

画像
HEX	#3F99A2
RGB	R:63 G:153 B:162
RGBの割合	R:24.7% G:60.0% B:63.5%
HSV	H:185.5 S:61.1 V:63.5
HSL	H:185.5 S:44.0 L:44.1
CMY	C:75.3 M:40.0 Y:36.5

CMYK	C:61.1 M:5.6 Y:0.0 K:36.5
YCbCr	Y:125.2 Cb:145.3 Cr:87.9
XYZ	X:20.0 Y:26.4 Z:38.2
xyY	x:0.236 y:0.312 Y:26.4

CIE Lab	L:58.5 a:-23.7 b*:-12.7
CIE LCh	L:58.5 C:26.9 h:208.2
CIE Luv	L:58.5 u:-36.2 v*:-15.5
Hunter Lab	L:51.4 a:-20.7 b:-8.1

#3F99A2 の色相別色一覧

#A2483F

#A2613F

#A27A3F

#A2923F

#99A23F

#80A23F

#68A23F

#4FA23F

#3FA248

#3FA261

#3FA27A

#3FA292

#3F99A2

#3F80A2

#3F68A2

#3F4FA2

#483FA2

#613FA2

#7A3FA2

#923FA2

#A23F99

#A23F80

#A23F68

#A23F4F

#3F99A2 の彩度別色一覧

#A0A2A2

#98A1A2

#90A0A2

#88A0A2

#809FA2

#789EA2

#709DA2

#689DA2

#5F9CA2

#579BA2

#4F9AA2

#479AA2

#3F99A2

#3798A2

#2F98A2

#2797A2

#1F96A2

#1795A2

#0E95A2

#0694A2

#3F99A2 の明度別色一覧

#030809

#081516

#0D2123

#122D2F

#17393C

#1C4549

#215156

#265D62

#2B696F

#30757C

#358189

#3A8D95

#3F99A2

#44A5AF

#49B1BC

#4EBDC8

#53C9D5

#58D5E2

#5DE1EF

#62EDFB

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

#2E4C52

#82EBFA

#65C5C7

#3F99A2

#206964

#3F99A2

#1D454F

#2DD6D5

#225669

#40CBF0

#154D48

#386F73

#6DECED

#3F99A2

#4BC2BF

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

#8E4478

#412C93

#3F99A2

#AC813A

#49932D

#46BC3A

#584393

#9D3762

#AA8D39

#3F99A2

#42AF3D

#3F99A2

#AC9D4D

#933566

#50378B

#3F99A2 を使ったカマイユ

#429DA5

#3F99A2

#31898B

#2F8F93

#56A6B6

#309498

#429EAF

#3F99A2

#358898

#33A7AA

#3F99A2

#409193

#369B9F

#41989F

#379CB1

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

#3197B1

#2F9DAF

#55A5AA

#438684

#3F99A2

#52ACA8

#309594

#3F99A2

#44B0B9

#308F9D

#3E7C75

#2B6A8B

#50BCAC

#3F99A2

#2A7493

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

#49AEB8

#54C6D1

#3F99A2

#C1F0F5

#2CB2BF

#6CA5AB

#75B4BA

#00565E

#3F99A2

#07E4FA

#455A5C

#3F99A2

#1C565C

#6BBAC2

#343C3D

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

#3F99A2

#136F78

#38C1CF

#69C5CF

#3F99A2

#17717A

#1B7982

#3F99A2

#98ECF5

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

#3F99A2

#A23F99

#99A23F

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

#A2693F

#3F99A2

#A23F57

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

#3F99A2

#7A3FA2

#A2483F

#68A23F

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

#3F99A2

#A2483F

#3F99A2

#90A0A2

#3F99A2

#63F1FF

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

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

#3F99A2

#3F99A2 の色情報

#3F99A2 の色相別色一覧

#3F99A2 の彩度別色一覧

#3F99A2 の明度別色一覧

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

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

#3F99A2 を使ったカマイユ

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

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

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

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

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

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

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